Event onmouseover et onmouseout

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Event onmouseover et onmouseout

Profil supprimé

Bonjour

Je vous explique mon problème:

J'ai deux <div>. Un est imbriqué dans l'autre.

Code :

<div...>
<div...>
</div>
</div>

Chaque div possède les énènements suivants:

Code :

onmouseover="this.style.outline='#00ea40 solid thin';"
onmouseout="this.style.outline='none';

Le problème c'est que même si je passe avec la souris sur le div intérieur l'évènement du div parent est aussi éxécuter.
Ca me dérange car je ne veux entourer que le div sur lequel je pointe.

Vous avez une idée comment résoudre ce problème?

Merci

Message édité par Profil supprimé le 24-11-2007 à 17:19:04

Publicité

mIRROR

Chevreuillobolchévik

outline c est pas trop ie compliant donc voici un code qui marche sur ie et gecko

Code :

<div onmouseover="this.style.border = '#00ea40 solid thin';" onmouseout="this.style.border='none';" style="padding:10px;width:500px;">
    <div onmouseover="this.style.border = '#00ea40 solid thin';if (!event) event = window.event;event.cancelBubble=true;event.stopPropagation();" onmouseout="this.style.border='none';">Mon 1er texte caché</div>
</div>

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

Profil supprimé

Exactement ca, j'avais trouvé entre-temps aussi.
En fait la ligne

Code :

event.stopPropagation();

suffit a elle seule.

Ca j'ai pas mis, je sais pas à quoi ca sert en plus:

Code :

if (!event) event = window.event;event.cancelBubble=true;

Merci quand même

Edit: J'utilise pas les bordor car ca décale toute les bloc alors que le outline non.

Message édité par Profil supprimé le 25-11-2007 à 11:41:42

mIRROR

Chevreuillobolchévik

la ligne que tu ne comprends permet de rendre ton script compatible pour ie
comme l utilisation de la bordure a la place d outline

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

Profil supprimé

Ah d'accord. Merci.

FORUM HardWare.fr

Programmation

HTML/CSS

Event onmouseover et onmouseout

Sujets relatifs
onmouseover dans div	onMouseover/out pour les images bordure
[résolu] changement de texte à un endroit précis avec _ onmouseover	OnMouseOver et IE6 ???
Onmouseover qui veut pas marcher	Appliquer un onmouseout sur un conteneur ET ses éléments
Probleme avec la bibliothèque/toolbox Dojo (Javascript)	Pb onmouseover ne fonctionne pas
Problème de Click Event sur button dynamic	Onmouseout avec retard ?
Plus de sujets relatifs à : Event onmouseover et onmouseout

Page générée en 0.036 secondes