Discussion :

[aurore22]

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 :

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

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

Amic.
Aurore

[devin59]

Salut,

tu peux pas utiliser une fonction ?

dans le html :

Code :

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

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 :

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

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.

[SpaceFrog]

sinon direct dans la balise:

Code :

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

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

[devin59]

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

[SpaceFrog]

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

[devin59]

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... désolé...

[aurore22]

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

En tout cas encore Merci

Aurore