Link dento de DIV con link en onmouseover - Problema

[IMAC/]

Hola,

Tengo algo así:

Código HTML:

<div id="pepe" onclick="location.href='http://www.miweb.com'">
        Esto es un texto con un <a href="www.link.com"> dentro</a> que tiene que funcionar
</div>
 

Cuando pincho encima del DIV me lleva al primer link directamente y cuando pincho en el texto con el link html me abre las 2 ventanas con los 2 enlaces.

¿no se puede hacer que si pincho en el link que hay dentro del DIV solamente me lleve a ese link y no al del evento onclick?

Gracias.

[Panino5001]

Si te entendí bien, lo que estás intentando es prevenir el burbujeo del onclick:

Código PHP:

  <div id="pepe" onclick="location.href='http://www.forosdelweb.com'">
* * * * Esto es un texto con un <a onclick="event.stopPropagation?event.stopPropagation():event.cancelBubble=true;" href="http://www.google.com" target="_blank"> dentro</a> que tiene que funcionar
</div> 
   

Te sugiero esta lectura para aprender acerca del funcionamiento de los eventos.

[IMAC/]

Panino, te daría un beso si estuvieras cerca :P

Muchas gracias!!! Es justo lo que buscaba.

[Panino5001]

[IMAC/]

Vaya, algo tenía que fallar...

Parece que no funciona en Firefox... versión 10.0.2 de Mac es la que estoy probando.

[Panino5001]

Qué raro, debería funcionar sin problemas. Estás seguro que no estás usando algún otro evento? Probaste sólo ese ejemplo, sin el resto de tu código?
Otra cosa que podría usarse en una variable global que actúe como flag de control, aunque es un poco más sucio.

[IMAC/]

Pues es verdad. Es que creé una función y no la pasé el "event". Fue un fallo mio.

[IMAC/]

Iniciado por Panino5001

Si te entendí bien, lo que estás intentando es prevenir el burbujeo del onclick:

Código PHP:

  <div id="pepe" onclick="location.href='http://www.forosdelweb.com'">
* * * * Esto es un texto con un <a onclick="event.stopPropagation?event.stopPropagation():event.cancelBubble=true;" href="http://www.google.com" target="_blank"> dentro</a> que tiene que funcionar
</div> 
   

Te sugiero esta lectura para aprender acerca del funcionamiento de los eventos.

Hola de nuevo,

Si uso jQuery, no bastaría con usar event.stopPropagation(); ?
En un ejemplo como este:

Código Javascript:

$('.userProfileOptions').click(function() {
        event.stopPropagation();
 
        var id = $(this).attr('id');
        });
 

[masterpuppet]

Algo así debería servirte:

Código Javascript:

$('.userProfileOptions').click(function(e){
    e.preventDefault();
    var id = $(this).attr('id');
});
 

Saludos.