11548 sujets

JavaScript, DOM et API Web HTML5

Propagation des événements et héritage

Soit le code : 

<div id="div" 
     onmouseover="alert ('overdiv')" 
     onmouseout="alert ('outdiv')">
 foobar
 <img src="razoo"
      onmouseover="alert ('overimg')" 
      onmouseout="alert ('outimg')">
</div>

Si la souris est positionnée sur "foobar" et que je la déplace sur l'image la succession des alertes est la suivante (IE6) :

1 - outdiv
2 - overimg
3 - outdiv
4 - overdiv

Smiley decu Je ne saisis pas le pourquoi de cet enchaînement.

En fait ce que je souhaite, c'est de pouvoir déplacer la souris sur tout le div yc sur l'image sans que cela déclenche l'événement onmouseout du div lors du passage du texte à l''image.

fxtv
Modifié par fxtv (30 Aug 2006 - 10:39)
Administrateur
Bonjour et bienvenue fxtv,

merci de bien vouloir éditer ton message pour placer le code entre balises [ code] ... [ /code] (sans les espaces) comme expliqué dans l'Aide du Forum, cela rendra celui-ci plus lisible Smiley cligne

Felipe
fxtv a écrit :
Soit le code : 

<div id="div" 
     onmouseover="alert ('overdiv')" 
     onmouseout="alert ('outdiv')">
 foobar
 <img src="razoo"
      onmouseover="alert ('overimg')" 
      onmouseout="alert ('outimg')">
</div>

Si la souris est positionnée sur "foobar" et que je la déplace sur l'image la succession des alertes est la suivante (IE6) :

1 - outdiv
2 - overimg
3 - outdiv
4 - overdiv

Bonjour fxtv et bienvenue sur ce forum, d'abord pense à éditer ton 1ier post pour le corriger comme ci-dessus.

Je pense que ça doit donner :

1 - outdiv
2 - overimg
3 - outimg
4 - overdiv

Il est normal que quand le curseur survole l'image, il quitte le div.
Imagine 2 calques supperposés Smiley cligne
Sujet clos
Aller à