Hola Amigos.
He recojido un menu muy curioso y adaptable, muy interesante y que podeis aprovechar ya que lo pongo.
El problema es que en Mozilla como supuse trata el
window.event de distinta forma. He mirado varios articulos de como utilizarlo pero no he dado con la tecla para poder adaptarlo a MOZILLA.
El codigo es muy sencillo y por eso lo recomiendo. Lo tratare de ir explicando:
Esto se incluye en la cabecera(entre <HEAD> y </HEAD>) Código HTML:
<script language="JavaScript1.2">
var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"
function change(){
if(!document.all){
return
}
if (window.event.srcElement.id=="foldheader") {
var srcIndex = window.event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
window.event.srcElement.style.listStyleImage="url(open.gif)"
}
else {
nested.style.display="none"
window.event.srcElement.style.listStyleImage="url(fold.gif)"
}
}
}
document.onclick=change
</script>
Las listas del menu se incluyen muy facilmente en el BODY así: Código HTML:
<ul>
<li id="foldheader">Desplegable numero 1</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.midireccion.com"><b><u>Una de las direcciones</u></b></a></li>
<li><a href="http://www.midireccion2.com"><b><u>Otra Direccion de las mias</u></b></a></li>
</ul>
<li id="foldheader">Desplegable numero 2</li>
...
</ul>
Además podemos añadir estilos a estas listas de manera facil: Código HTML:
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
¿QUE FALLA Y COMO ARREGLARLO PARA QUE FUNCIONE BIEN EN MOZILLA?
Si doy con la solución tb la pondré aquí para que todos podamos disfrutar de este recurso.
Un saludo y muchas gracias