onClick/onMouseOver/onMouseOut + <a href>+<img>

Bonjour,

Comment faire pour que le onMouseOut n'interfère pas sur le onClick ?

Je m'explique :

j'ai une image qui me sert de lien.
Cette image je la change lors du passement ou non de la souris.
Lors du clic sur le lien (l'image en l'occurence) je change l'image.

donc code suivant:

Code:

---

1 2	<a href="javascript:;" onClick="document.img.src='MyImgA.jpg';" onMouseOver="document.img.src='MyImgA.jpg';" onMouseOut="document.img.src='MyImgB.jpg';"><img name="img" src="MyImgB.jpg"></a>

---

Mais à cause du onMouseOut il change l'image......

avec une fonction


dans le mouseout tu appelles une fonction qui vérifies si l'image à été clickée...
dans le onclick tu modifies une variable qui te permettra de savoiur si l'image à été cliquée ou non ...

Code:

---

<a href="javascript:;" onClick="document.img.src='MyImgA.jpg';cliked=1" onMouseOver="document.img.src='MyImgA.jpg';" onMouseOut="QuitIMG()"><img name="img" src="MyImgB.jpg"></a>

---

Code:

---

1 2 3 4

var clicked=0; function QuitImg(){ document.img.src=(clicked==0)?'imagesipascliqué.gif':'imagesiclické.gif'; }

---

Merci :wink: