onClick sur deux div superposés

Bonjour,

J'ai le code suivant :

Code:

---

1 2 3 4

<div onClick="javascript:alert('Ca marche pas');"> <div onClick="javascript:alert('Ca marche');"> </div> </div>

---

Sachant qu'avec les CSS ça donne un donne un div qui contient un autre div qui est centré et deux fois plus petit, lorsque je clique dans mon div "Contenu" j'ai le message "Ca marche" puis le message "Ca marche pas"

Comment puis-je avoir seulement le onClick de plus bas niveau (Ca marche)?

J'ai essayé avec le z-index sans succès car les blocs conteneurs ont toujours un z-index supérieur.

Merci d'avance.

Bonjour,

Tu peux éventuellement adapter le code expliqué dans cette page :
http://www.quirksmode.org/dom/inputfile.html

Code:

---

1 2 3 4

<div onclick="alert('Ca marche pas');"> <div onclick="alert('Ca marche');return false"> </div> </div>

---

voir cette discussion :
http://www.developpez.net/forums/d57...circuiter-1-a/
l'exemple donné, réalisé avec des événements ondblclick, fonctionne aussi avec l'événement onclick.

Merci beaucoup en fait j'ai utilisé la fonction stopPropagation qui marche très bien :)

attention toutefois stopPropagation n'e"st pas crossBrowser ..; il faut l'assortir de cancelBubble() ...