Писать самому лень *)

IlbI4 · 26.05.2009

Привет всем. Помогите с одной идейкой (см. рис). Поясняю. Задача сделать так что бы при щелчке на менюхах расположенных на нижних слоях они выходили бы на верхний слой. К примеру при щелчке на меню "а" он бы выходил на слой меню "в" а меню "в" получало слой меню "а". В перспективе неплохо было б сделать меню немного умнее и заставить запоминать действия юзера. Это бы позволило сохранять положение менюшек при перезагрузке страницы или загрузке новой. Всем кто поможет или хотя б попытается заранее большое спасибо

..........

____________________
| меню а |
______________________ |
| меню б | |
_____________________ | |
| меню в | | |
| | | |
| | | |
| | | |
| | | |
| | | _|
| | |
| | |
| | _ _|
| |
| ____________________|

мле чтож оно так криво все рисует )))
в общем вкатал схему в bmp

IlbI4 · 27.05.2009

Народ зацените

Код:

<html>
<head>
<link rel="stylesheet" href="1.css" type="text/css">
<script language="JavaScript">
function getCookieData(labelName) {
var labelLen = labelName.length;
var cookieData = document.cookie;
var cLen = cookieData.length;
var i = 0;
var cEnd;
while (i < cLen) {
var j = i +labelLen;
if (cookieData.substring(i,j) == labelName) {
cEnd = cookieData.indexOf(";",j);
if (cEnd == -1){
cEnd = cookieData.length;
}
return unescape(cookieData.substring(j+1, cEnd));
}
i++;
}
return "";
}

function prepare(){
var newper=getCookieData('new');
if (newper!=null && newper!="" && newper<=3 && newper>=1)
{
if(newper == 1){
first.style.zIndex = 3;
second.style.zIndex = 2;
third.style.zIndex = 1;
}
if(newper == 2){
first.style.zIndex = 2;
second.style.zIndex = 3;
third.style.zIndex = 1;
}
if(newper == 3){
first.style.zIndex = 1;
second.style.zIndex = 2;
third.style.zIndex = 3;
}
}else{
first.style.zIndex = 3;
second.style.zIndex = 2;
third.style.zIndex = 1;
document.cookie="new=1; path=/; ";
}
}
function changeFirst() {
first.style.zIndex = 3;
second.style.zIndex = 2;
third.style.zIndex = 1;
document.cookie="new=1; path=/; ";

}

function changeSecond() {
first.style.zIndex = 2;
second.style.zIndex = 3;
third.style.zIndex = 1;
document.cookie="new=2; path=/; ";

}

function changeThird() {
first.style.zIndex = 1;
second.style.zIndex = 2;
third.style.zIndex = 3;
document.cookie="new=3; path=/; ";
}


</script>
</head>
<body onload="prepare()">
<table id="first" border="1" onClick="changeFirst()">
<tr><td>dfksdsfdklg</td></tr>
<tr><td>dfsghsfgkjf</td></tr>
</table>

<table id="second" border="1" onClick="changeSecond()">
<tr><td>dfksdsfdklg</td></tr>
<tr><td>dfsghsfgkjf</td></tr>
</table>

<table id="third" border="1" onClick="changeThird()">
<tr><td>dfksdsfdklg</td></tr>
<tr><td>dfsghsfgkjf</td></tr>
</table>


</head>
<body>

Код:

#first {
position: absolute;
left: 100px;
top: 100px;
z-index: 1;
background-color: white; 
}

#second {
position: absolute;
left: 115px;
top: 115px;
z-index: 2;
background-color: white;
}

#third {
position: absolute;
left: 130px;
top: 130px;
z-index: 3;
background-color: white;
}

nws · 13.06.2009

зачем куки ?

при клике меняй класс

Все сервисы Codeby

Поиск

Поиск

Писать самому лень *)

IlbI4

Вложения

IlbI4

nws