[SOLUCIONADO] Funciones onclick sobrepuesta

mario798 · #1 (**permalink**) 07/01/2016, 06:30

Buenas,

tengo el siguiente código:

<html>
<head></head>
<body onclick="desactiva()">
<ul>
<li onclick="activa('1')"></li>
<li onclick="activa('2')"></li>
</ul>
</body>
</html>

el problema es que cuando hago click en las funciones activa me ejecuta también desactiva.

Como puedo hacer para que al pulsar <li> no ejecute el onclick del body.

jaskonio · #2 (**permalink**) 07/01/2016, 06:39

mediante la propiedad z-index de css, a body le das un valor inferior que a los elementos li.
Saludos!

mario798 · #3 (**permalink**) 07/01/2016, 06:48

Ya probé está opción y no me funciona...

jaskonio · #4 (**permalink**) 07/01/2016, 06:58

Perdón lo que quieres hacer se llama detener propagación de eventos me equivoque de foro.
lo que haces es detener el evento
llamas a esta funcion y deberia de funcionar

Código Javascript:

Ver originalfunction detenerEvento( e )
            {
                 if( document.all )
                 {
                     window.event.cancelBubble = true;
                 }
                 else
                 {
                     event.stopPropagation();
                 }
            }

mario798 · #5 (**permalink**) 07/01/2016, 07:39

esta funcion la meto dentro de la funcion activa de los <li> ?

el "e" hay que definirlo ?

IsaBelM · #6 (**permalink**) 07/01/2016, 09:11

Cita:

Iniciado por mario798

esta funcion la meto dentro de la funcion activa de los <li> ? sí

el "e" hay que definirlo ?no

Cita:

.event.cancelBubble es para navegadores antiguos (<=ie8)

mario798 · #7 (**permalink**) 07/01/2016, 09:28

Lo consegui ! ya me estaba volviendo loco con esta cosa tan simple...

Muchas gracias

!!