holty
01-19-2003, 12:10 PM
Hi,
I have a problem! I have some script that i haved used before for revealing text or hidden tables etc. It works a treat in IE but fails in Netscape or Mozilla. Can anyone see whats wrong or do you have a better script to reveal text etc?
The code:
<script language="JavaScript1.2">
<!--
var ns6=document.getElementById&&!document.all
function change(e){
if (!document.all&&!ns6)
return
var etarget=ns6?e.target:event.srcElement
var imagetarget=etarget
if (etarget.id=="foldheader"||ns6&&etarget.parentNode.id=="foldheader"){
if (ns6&&etarget.parentNode.id=="foldheader"){
nested=etarget.parentNode.nextSibling.nextSibling
imagetarget=etarget.parentNode
}
else
nested =ns6?etarget.nextSibling.nextSibling:document.all[etarget.sourceIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
}
else {
nested.style.display="none"
}
}
}
document.onclick=change
//-->
</script>
In HTML page:
<div id="foldheader">Click to expand</div>
<div id="foldinglist" style="display:none" style=&{head};>
<div id="foldheader">Hidden Text</div>
</div>
I have a problem! I have some script that i haved used before for revealing text or hidden tables etc. It works a treat in IE but fails in Netscape or Mozilla. Can anyone see whats wrong or do you have a better script to reveal text etc?
The code:
<script language="JavaScript1.2">
<!--
var ns6=document.getElementById&&!document.all
function change(e){
if (!document.all&&!ns6)
return
var etarget=ns6?e.target:event.srcElement
var imagetarget=etarget
if (etarget.id=="foldheader"||ns6&&etarget.parentNode.id=="foldheader"){
if (ns6&&etarget.parentNode.id=="foldheader"){
nested=etarget.parentNode.nextSibling.nextSibling
imagetarget=etarget.parentNode
}
else
nested =ns6?etarget.nextSibling.nextSibling:document.all[etarget.sourceIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
}
else {
nested.style.display="none"
}
}
}
document.onclick=change
//-->
</script>
In HTML page:
<div id="foldheader">Click to expand</div>
<div id="foldinglist" style="display:none" style=&{head};>
<div id="foldheader">Hidden Text</div>
</div>