Changer d'image sur un onClick

Version imprimable

25/10/2007, 19h33
vds2302

Changer d'image sur un onClick
Bonsoir,

je suis débutant en javascript et je voudrais faire une chose toute bete:

J'ai une image (image1), quand je clique dessus, je veux qu'elle devienne image2 .
Et quand je clique sur image 2, je veux qu'elle redevienne image1.

Voici mon code:
Code:

1 2 3 4 5 6 7 function changeimg(monimage) { monimage.src = (monimage.src=="image1.gif" ) ? "image1.gif" : "image2.gif"; } <img src="image1.gif" onClick="changeimg(this)" alt=""/>
Malheureusement, il transforme au premier clic image 1 en image 2 et c'est tout...

Merci pour votre aide!
25/10/2007, 20h06
vds2302

J'ai trouvé mon probleme.

En fait je comparais un src relatif et un src absolu donc forcément...

Avec un subsrtring tout est rentré dans l'ordre!
26/10/2007, 12h34
vds2302

Bon finalement j'ai quand meme un problème.

A la base ce que je veux faire c'est un menu qui s'ouvre et qui se ferme.
Mes images sont donc des petits "+" et "-" pour ouvrir ou fermer le menu.

Soit on clique sur les images pour déplier e menu, soint on clique sur le libellé pour aller sur la page correspondante.

Mon problème est que lorsque je clique sur un libellé, tous les "-" redeviennent des "+". Idem lorsque je rafraichi la page.

Merci pour votre aide.
26/10/2007, 12h36
E.Bzz

Bonjour,

Citation:

Envoyé par vds2302

A la base ce que je veux faire c'est un menu qui s'ouvre et qui se ferme.

Une ligne complète (libellé + balise <A> + image) de ton menu aiderait pour te répondre ...

A+

Voici la ligne de code type:

Code:

1
2
 
<li><img src="/_styles/tvplus.gif" onClick="changeimg(this)" alt=''/><A class='navButton' href="monUrl">Libellé menu</A></li>

En fait j'ai plein de ul / li imbriquées.
Je fais un foreach dessus pour tout afficher. Le code fourni est un exemple de ce que j'utilise dans le foreach.

Pour rappel, ma fonction javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function changeimg(monimage) {
 
 			var ancimage = monimage.src;
 
 			if( ancimage.substring(ancimage.lastIndexOf("/"), ancimage.length) == "/tvminus.gif"){
  			 	monimage.src= ancimage.substring(0,ancimage.lastIndexOf("/"), ancimage.length)+"/tvplus.gif";
 
  			 } 
  			 else{
  			 	monimage.src= ancimage.substring(0,ancimage.lastIndexOf("/"), ancimage.length)+"/tvminus.gif";
 
 
  			 }
		}