menu pierde foco

[netoraaacing]

hola amigos haber si me podeis hechar una mano

Tengo el siguiente scipt:

Código Javascript:

function Menu(el){
   elemento = el.parentNode.getElementsByTagName('ul')[0]
   elemento.style.display = elemento.style.display == 'none' ? 'block' : 'none'
  }
 

Código PHP:

echo "
<ul >
    <li class='nivel1' onclick='Menu(this)'>entrar como usuario  
        <ul>
            <li ><div id='inte'><input type='text' name='nick' id='mail'  /></div></li>   
        </ul>           
    </li>  
</ul>";
 

El problema q tengo es que al pulsar en el input se me cierra el menu
Alguien sabe el motivo, que puedo hacer ?

[lubtufano]

Se debe al flujo o burbujeo de eventos.
http://librosweb.es/ajax/capitulo6/e...e_eventos.html

La manera de solucionarlo es detener el flujo de eventos, se puede hacer de la siguiente manera.

Código Javascript:

<script>
    function Menu(el){
       elemento = el.parentNode.getElementsByTagName('ul')[0]
       elemento.style.display = elemento.style.display == 'none' ? 'block' : 'none'
      }
    
    function detenerBurbujeo(elEvento){
        if(window.event){
            window.event.cancelBubble= true;
        }
        else
            if(elEvento){
                elEvento.stopPropagation();
            }
    }
</script>
 
<ul >
   <li class='nivel1' onclick='Menu(this)'>entrar como usuario  
       <ul>
            <li ><div id='inte'><input type='text' name='nick' id='mail' onclick="detenerBurbujeo(event)" /></div></li>  
        </ul>          
   </li>  
</ul>
 

Es muy importante pasar como parámetro a la función detenerBurbujeo() la palabra clave event.

[netoraaacing]

bua muchas gracias lubtufano me va perfectamente, mira que llevaba tiempo investigando cual podia ser el problema

muchas gracias