Ayuda correción menu desplegable javascript
He encontrado por ahi, creo que ha sido en listamatic, un menu "tree" en javascript y css que me viene muy bien para un trabajillo mio.
El tema esta en que tengo que hacer unos ajustes en el script para que ya sea perfecto, pero no soy capaz.
Un alma caritativa que me ayude, plis.
<code></script>
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var head="display:''"
img1=new Image()
img1.src="close.gif"
img2=new Image()
img2.src="open.gif"
function isHeader(elm){
var islist=0
varElm=ns6? elm.target : event.srcElement
if (varElm.id=="menu")
islist=1
else
while (ns6&&varElm.parentNode||(ie4&&varElm.parentElement)){
if (varElm.className=="menu"||varElm.className=="submenu"){
islist=(varElm.className=="menu")? 1 : 0
break}
varElm=ns6? varElm.parentNode : varElm.parentElement}
if (islist){
var list=ns6? varElm.nextSibling.nextSibling : varElm.all.tags("UL")[0]
if (list.style.display=="none"){
list.style.display=""
varElm.style.listStyleImage="url(open.gif)"}
else{
list.style.display="none"
varElm.style.listStyleImage="url(close.gif)"}
}
}
if (ie4||ns6)
document.onclick=isHeader
</script> </code>
Y el menu seria:
<code><ul id="navlist">
<li><a href="#">MENU 1</a></li>
<li class="menu"><a href="#">MENU 2</a>
<ul class="submenu" style="display:none">
<li><a href="#">Menu 2a</a></li>
<li><a href="#">Menu 2b</a></li>
<li><a href="#">Menu 2c</a></li>
</ul>
</li>
<li class="menu"><a href="#">MENU 3</a>
<ul class="submenu" style="display:none">
<li><a href="#">Menu 3a</a></li>
<li><a href="#">Menu 3b</a></li>
<li><a href="#">Menu 3c</a></li>
</ul>
</li>
</ul></code>
Yo lo que quiero es que:
1- funcione tambien en el mozilla
2- si tengo un menu abierto, y quiero abrir otro, que cierre el que estaba ya abierto, puesto que ahora los abre todo, y para cerrar uno tienes que volver a clickar.
Muchas gracias. Marta.
kokito
Muchas gracias kemie, pero no me sirve ninguno de los dos.
Veo que todos hacemos lo mismo, buscamos por todos lados hasta que encontramos lo que buscamos y hacemos un copy-paste. (yo la primera)
Pero yo lo que quiero es aprender a modificar sobre el script y adaptarlo a mis necesidades.
De todas, muchas gracias por vuestra ayuda.
Marta.
kemie
te tengo dos opciones mas:
http://gazingus.org/html/menuExpandable.html
http://personal.archomai.org/transMenus.html
yo he usado los transmenus y me han funcionado de maravilla, si tienes alguna pregunta sobre ellos, con gusto te ayudo.
kokito
Lo estoy mirando ahora.
Es que viene en ingles, leches.
kkt.
txuma Plus
kokito, pero el que te ha puesto denegro hace exactamente lo que pides, no?
joshuatree
Booooooorrrrrrdeee
:P
pero te quiero igual http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons/07.gif
kokito
Lo tuyo no me sirve, tiene demasiado codigo y puede pesar el menu un wevo y medio.
Yo prefiero solucionar este problema, en vez de buscar otro.
kkt.
joshuatree
kokito
:cry:
nadie me va a ayudar?
kkt.
Si te he pasado la ayuda hace mas de una hora, quejica... X(
albertoromero
No tengo demasiado tiempo para mirar tu código, pero a lo mejor esta solución css para menús desplegabes de a list apart te ayuda.
¡Suerte!
kokito
:cry:
nadie me va a ayudar?
kkt.