Javascript Childnodes
Tikkes C
31/03/2009 11:27:00hoi iedereen
Ik zit met een probleempje...
ik heb hetvolgende script
nu de bedoeling is dat de list onder game zichtbaar wordt wanneer ik erover ga met m'n muis...
in ff doe ik dit met :hover in css maar wat is er fout aan m'n script?
Alvast bedankt
Ik zit met een probleempje...
ik heb hetvolgende script
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<div id="menu">
<script type="text/javascript">
function ShowMenu(id)
{
for(var i=0; document.getElementById(id).childNodes.length < i; i++)
{
if(document.getElementById(id).childNodes[i].style.visibility == 'hidden')
{
document.getElementById(id).childNodes[i].style.visibility = 'visible';
document.getElementById(id).childNodes[i].style.display = 'block';
document.getElementById(id).childNodes[i].childNodes.style.visibility = 'visible';
document.getElementById(id).childNodes[i].childNodes.style.display = 'block';
}
else
{
document.getElementById(id).childNodes[i].childNodes.style.visibility = 'hidden';
}
}
}
</script>
<ul>
<li id="game">| <a href="#" onmouseover="ShowMenu('game')">Game</a>
<ul>
<li><a href="#">Test1</a></li>
<li><a href="#">Test2</a></li>
</ul>
</li>
<li>| Settings</li>
<li>| Info</li>
</ul>
</div>
<script type="text/javascript">
function ShowMenu(id)
{
for(var i=0; document.getElementById(id).childNodes.length < i; i++)
{
if(document.getElementById(id).childNodes[i].style.visibility == 'hidden')
{
document.getElementById(id).childNodes[i].style.visibility = 'visible';
document.getElementById(id).childNodes[i].style.display = 'block';
document.getElementById(id).childNodes[i].childNodes.style.visibility = 'visible';
document.getElementById(id).childNodes[i].childNodes.style.display = 'block';
}
else
{
document.getElementById(id).childNodes[i].childNodes.style.visibility = 'hidden';
}
}
}
</script>
<ul>
<li id="game">| <a href="#" onmouseover="ShowMenu('game')">Game</a>
<ul>
<li><a href="#">Test1</a></li>
<li><a href="#">Test2</a></li>
</ul>
</li>
<li>| Settings</li>
<li>| Info</li>
</ul>
</div>
nu de bedoeling is dat de list onder game zichtbaar wordt wanneer ik erover ga met m'n muis...
in ff doe ik dit met :hover in css maar wat is er fout aan m'n script?
Alvast bedankt