Discussion :

[vds2302]

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 :

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

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!

[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!

[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.

[E.Bzz]

Bonjour,

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+

[vds2302]

Voici la ligne de code type:

Code :

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

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 :

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

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";
 
 
  			 }
		}