Wenas..
He aqui el codigo
Código PHP:
function MakeMenu(id)
{
var LI=$(id).getElementsByTagName('LI');
for(var i=0; i<LI.length; ++i)
{
addEvent(LI[i], 'mouseover', Show);
addEvent(LI[i], 'mouseout', Hide);
LI[i].id='LI:'+i;
}
}
Código PHP:
function Show(event)
{
var ev3nt=event || window.event;
var t0=ev3nt.target || ev3nt.srcElement;
Div=$('div');
loc=findNode(t0, 'LI'); // esto solo va agregando ".parentNode" a medida que no encuentra el nodeName especificado
Div.innerHTML+=loc.id+'<br>';
if(typeof(Child)!='undefined')
{
if(Parent!=loc.parentNode && loc.getElementsByTagName('UL')[0]!=t0.parentNode.getElementsByTagName('UL')[0]) // si no esta dentro del UL desplegado..
{
Child.style.display='none';
delete Child;
}
}
if(loc.getElementsByTagName('UL')[0]) //si tiene submenu
{
Parent=loc;
Child=loc.getElementsByTagName('UL')[0];
Child.style.display='block';
}
}
Resultado:
Con un paso de un LI a otro me tira eso........ me gustaria saber como si le pongo un evento MouseOver a un LI.. termina tomandome un UL.. y no solo eso.. si no que se ejecuta 3 veces el comando :/
En el Hide() no hay nada todavia.... no creo que sea problema de CSS tampoco :S
Probe de "stopear" eventos... y nada sigue igual... ya no se que hacer
Gracias de ante mano.. Saludos