| |
|
|
| | Предположим есть такая структура:
Если нажать на Меню1, то будет такой вид:
Меню1
подменю11
подменю21
Меню2
Меню3
|
Если нажать на Меню2 после того как нажали на Меню1 то должен быть такой вид:
Меню1
подменю11
подменю21
Меню2
подменю12
подменю22
Меню3
|
То есть предыдущий результат должен не исчезать... Мне кажется этобудет очень простой скрипт, но JavaScript я почти не знаю и вряд ли напишу его :( | |
| |
|
|
| |
|
|
| |
для: DEM
(25.11.2006 в 02:50)
| | | Я вобще-то JavaScript только недавно начал штудировать и уверен, что наверняка есть какой-то более оптимальный способ решения этой задачи. Но можно и так:
<html>
<head>
<title>Untitled</title>
<style>
.podmenu{visibility:hidden;position:absolute;margin:0 0 0 15}
</style>
<script type="text/javascript">
a=0
b=0
c=0
function showmenu1()
{ x=document.getElementById("t1")
if(a==0)
{ x.style.position="relative"
x.style.visibility="visible"
a=1
} else
{ x.style.position="absolute"
x.style.visibility="hidden"
a=0
}
}
function showmenu2()
{ x=document.getElementById("t2")
if(b==0)
{ x.style.position="relative"
x.style.visibility="visible"
b=1
} else
{ x.style.position="absolute"
x.style.visibility="hidden"
b=0
}
}
function showmenu3()
{ x=document.getElementById("t3")
if(c==0)
{ x.style.position="relative"
x.style.visibility="visible"
c=1
} else
{ x.style.position="absolute"
x.style.visibility="hidden"
c=0
}
}
</script>
</head>
<body>
<table>
<tr><td><a href="#0" onclick="showmenu1()">Меню1</a>
<table class="podmenu" id="t1">
<tr><td>подменю11</td></tr>
<tr><td>подменю12</td></tr>
<tr><td>подменю13</td></tr>
</table>
</td></tr>
<tr><td><a href="#0" onclick="showmenu2()">Меню2</a>
<table class="podmenu" id="t2">
<tr><td>подменю21</td></tr>
<tr><td>подменю22</td></tr>
<tr><td>подменю23</td></tr>
</table>
</td></tr>
<tr><td><a href="#0" onclick="showmenu3()">Меню3</a>
<table class="podmenu" id="t3">
<tr><td>подменю31</td></tr>
<tr><td>подменю32</td></tr>
<tr><td>подменю33</td></tr>
</table>
</td></tr>
</table>
</body>
</html>
|
| |
| |
|
|
