click sur image, change image

Bonjour à tous et à toutes.

Je viens vers vous car j'ai un ptit soucis qui pour les experts javascript fait sourir.

En fait j'ai une image que je veux changer si je clique dessus, et si je reclick dessus elle revient à son etat initiale. En gros, comme pour les etoiles dans Gmail.

le probleme c'est que j'arrive à la faire changer lors du premier clic mais elle ne peux pas changer si je clik de nouveau dessus.
comment puis je faire ?

voici mon code.

Code:

---

<img src="img/etoile.png" alt="Marquer comme intéressant" onclick="this.src='img/etoileB.png'" ;>

---

Amic.
Aurore

Salut,

tu peux pas utiliser une fonction ?

dans le html :

Code:

---

1 2	<img src="img/etoile.png" alt="Marquer comme intéressant" onclick="change(this,'img/etoike.png','img/etoileB.png');" ;>

---

et en javascript :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function change(img, lien1, lien2) { var lien = img.src.split('/'); lien = lien[lien.length-2] + '/' + lien[lien.length-1] if(lien1 == lien) { img.src = lien2; } else { img.src = lien1; } }

---

J espere que cela te convient.

sinon direct dans la balise:

Code:

---

<img src="img/etoile.png" alt="Marquer comme intéressant" onclick="this.src=(this.src=='img/etoile.png')?'img/etoileB.png':'img/etoile.png'" ;>

---

Peut être que j evais dire une grosse connerie SpaceFrog mais src ne prend pas le lien absolu ? donc cela ne peut pas fonctionner... Du moins chez mois quand je teste un page html en local ça ne fonctionne pas car src renvoie http://localhost/test/images/8.jpg et non images/8.jpg

Bonne soirée à tous

en principe cela devrait focntionner, mais on peut toujours faire un regExp sur le src ...

ok ben je vais creuser parce que je comprends pas pourquoi il ne me renvoie pas un lien relatif a moi...

Bonne soirée

ps : c'est vrai que je pense jamais à regExp... :cry: désolé...

Merci beaucoup pour vos participattion je crois que je vais partir sur la fonction.

En tout cas encore Merci ;)

Aurore