Buenos días a todos!
Tengo que plantearos una duda:
Mi página va a llevar un div (flotante a la izquierda) que dentro va a llevar una imagen, un título y unos datos y al hacer click en él va a mostrar unas fichas para mostrar más detalles, y dentro de él va a llevar un div oculto el cual va a mostrarse cuando se ponga el puntero encima y que llevará un botón que me realizará algunas acciones.
Ahora bien, ¿cómo puedo hacer para que al pulsar sobre el botón de la capa oculta no me realice la acción que tengo asociada al clic del div que lo contiene? He probado añadiendo los z-index y demás pero nada de nada....
El código, para que os hagáis una idea sería:
Código HTML:
Ver original<div class="contenedor" onclick="alert('acciona el click en el contenedor');"> <img src='algunsitio.jpg'/> <div class="boton" onclick="alert('acciona el click del boton');"></div>
El problema: cuando hago click en el "boton" me saca el alert('acciona el click en el contenedor') y alert('acciona el click del boton') cuando tendría que sacarme únicamente el alert('acciona el click del boton')