Encore des onmouseover onmouseout imbriqués

**SpaceFrog** · 19/03/2008, 16h40

alors la configuration :

un lien dans un td

sur le onmouseover du td je change le backgroundcolor
sur le onmouseout je remets un BG transparent sur un setTimeout...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
function delay(obj){
obj.Launched=setTimeout(function(){obj.style.backgroundColor='transparent';},600);
}

le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td class="square"  onmouseover="this.style.background=this.sc" onmouseout="new delay(this)" ><a href="#" class="menu" onmouseover="clearTimeout(this.parentNode.Launched)"> Rénovation</a></td>

En principe quand je survole le lien je bloque le retour au transparent ...
donc si je reste sur le lien le fond reste coloré ...
Ce qui m'echappe c'est lorsque je quitte le lien, mais je reste sur la cellule, normalement je devrais avoir toujours la couleur de fond puisque je ne declenche pas le onmouseout ...
Mais la cellule redevient transparente au bout du timeout alors que je n'ai pas quitté la cellule ...

Je ne vois vraiment pas pourquoi ce changement de fond ????

**SpaceFrog** · 19/03/2008, 16h52

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	<td class="square"  onmouseover="this.style.background=this.sc" onmouseout="new delay(this)" ><a href="#" class="menu" onmouseover="window.event.cancelBubble=true;clearTimeout(this.parentNode.Launched)"> Rénovation</a></td>

Ceci ne fonctionne pas mieux ...

**SpaceFrog** · 19/03/2008, 16h57

en fait c'est surtout sur le onmouseout qu'il faut annuler la propagation ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	<td class="square"  onmouseover="this.style.background=this.sc" onmouseout="new delay(this)" ><a href="#" class="menu" onmouseout='window.event.cancelBubble=true' onmouseover="clearTimeout(this.parentNode.Launched)"> Rénovation</a></td>

**E.Bzz** · 19/03/2008, 17h05

Envoyé par SpaceFrog

en fait c'est surtout sur le onmouseout qu'il faut annuler la propagation ...

Et ça marche, là ?

Parce que je vois pas bien la différence (de fonctionnement) avec la version précédente

A+

**SpaceFrog** · 19/03/2008, 17h38

oui maintenant ça marche entre le a inclus dans le td, mais j'ai meintenant un autre souci si je quitte un td contenant un href et que je reviens dedans sasn declencher le onmouseover du a ... le fond devient transparent alors que le td à bien pris un onmouseover ... ???

**SpaceFrog** · 19/03/2008, 17h47

Bon je m'en suis sorti il a fallu que le fasse des appels a un tas de fonctions dans les evenements ..;
plutot que de vous balancer le code ici voilà le résultat en ligne ...
http://pagesperso-orange.fr/roland.m...rron/index.htm