I would like to have an expanding menu on my website, since I got the code from a JS website. The problem is that it works fine in IE but doesn't work at all in Netscape. Here is a sniplet:
in the header:
img1=new Image()
img1.src="/images/fold.jpg"
img2=new Image()
img2.src="/images/open.jpg"
ns6_index=0
function change(e){
if(!document.all&&!document.getElementById)
return
if (!document.all&&document.getElementById)
ns6_index=1
var source=document.getElementById&&!document.all? e.target:event.srcElement
if (source.className=="folding"
{
var source2=document.getElementById&&!document.all? source.parentNode.childNodes:source.parentElement.all
if (source2[2+ns6_index].style.display=="none"
{
source2[0].src="/images/open.jpg"
source2[2+ns6_index].style.display=''
}
else{
source2[0].src="/images/fold.jpg"
source2[2+ns6_index].style.display="none"
}
}
}
document.onclick=change
In the body:
<div class="look"> <img src="/images/fold.jpg" class="folding">
<img src="/images/Services.jpg" class="folding">
<ul class="look2" style="list-style-image:url(/images/list.jpg);display:none">
<li><a href="fdddf">Link 2a</a></li>
<li><a href="fdddf">Link 2b</a></li>
<li><a href="fdddf">Link 2c</a></li>
</ul>
</div>
Can anyone help?? Otherwise, can anyone direct me to a script that will work in both Netscape & IE?
Thanks!
in the header:
img1=new Image()
img1.src="/images/fold.jpg"
img2=new Image()
img2.src="/images/open.jpg"
ns6_index=0
function change(e){
if(!document.all&&!document.getElementById)
return
if (!document.all&&document.getElementById)
ns6_index=1
var source=document.getElementById&&!document.all? e.target:event.srcElement
if (source.className=="folding"
var source2=document.getElementById&&!document.all? source.parentNode.childNodes:source.parentElement.all
if (source2[2+ns6_index].style.display=="none"
source2[0].src="/images/open.jpg"
source2[2+ns6_index].style.display=''
}
else{
source2[0].src="/images/fold.jpg"
source2[2+ns6_index].style.display="none"
}
}
}
document.onclick=change
In the body:
<div class="look"> <img src="/images/fold.jpg" class="folding">
<img src="/images/Services.jpg" class="folding">
<ul class="look2" style="list-style-image:url(/images/list.jpg);display:none">
<li><a href="fdddf">Link 2a</a></li>
<li><a href="fdddf">Link 2b</a></li>
<li><a href="fdddf">Link 2c</a></li>
</ul>
</div>
Can anyone help?? Otherwise, can anyone direct me to a script that will work in both Netscape & IE?
Thanks!