Discussion :

[ganjaaw]

bonjour,

Le but de ce petit bout de code c'est que quand je passe sur une image une info apparaisse en haut de l'image.

pour faire simple j'ai deux id, monbloc, infobloc.

"monbloc" contient l'image et "infobloc" contient l'info sur l'image (par défaut "infobloc" est en "visibility:hidden" dans mon css).

j'ai créer une fonction javascript qui m'affiche avec un petit effet "infobloc" quand je passse avec la souris sur "monbloc".

le soucis c'est quand je passe avec la souris sur "infobloc" il me relance l'effet et quand je retourne sur l'image il me relance encore une fois l'effet.

Moi je veux juste que quand je passe avec ma souris sur l'image il m'affiche l'info et que quand je passe sur l'info il reste afficher sans me relancer la fonction afficher.

Au final quand je quitte avec la souris l'id "monbloc", "infobloc" disparait et ça sa marche.

ex html :

<div id="monbloc" onmouseover="javascript:afficher('infobloc')">
<div id="infobloc">moninfo</div>
</div>

function afficher(id)
{
var id;
document.getElementById(id).style.visibility="visible";
}

Si vous comprenez pas dites-moi.

Merci ^^

[le_chomeur]

tu dois gérer le mouseout ;-)
car en passant sur ton image => tu déclenches
en passant sur ta bulle tu quittes , donc en revenant dur l'image , tu re déclenches

[ganjaaw]

j'ai fait pour mouseout que lorsque la souris sort de "monbloc" il mette la valeur du visibility à "hidden" et ça marche, quand je sors de "monbloc", "infobloc" disparait.

Mais par contre si je passe la souris sur "infobloc", il relance la fonction afficher et sais la que je ne sais pas comment lui dire de ne pas relancer la fonction afficher() , j'espère que tu comprends ^^

[le_chomeur]

je te renvois sur ce post :

http://www.developpez.net/forums/d59...nts-imbriques/

ou tu en apprendras pas mal sur les évènements imbriqués