Discussion :

[MasterChief78]

Bonjour tout le monde,
Alors voil� je souhaite que lorsque qu'on clic sur une image, celle ci soit changer par imagebis. Si on reclic sur imagebis, que �a redevienne image, le tout pour toutes les images qui ont un id d�fini.

Je fais donc une boucle pour parcourir toutes les images de la page, si elles ont le meme genre d'id correspondant � l'image cliqu�, alors je change l'img. Voici ce que je fais, mais je n'arrive pas a faire alert(tabImg[x].id) normal ??

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
var tabImg = window.document.getElementsByTagName('img');
			alert(tabImg.length);
			for(j=0; j<tabImg.length;j++)
			{
				alert(tabImg[j].id);
				if(	tabImg[j].id == temp)
				{
					tabImg[j].src = "media/kitplus.gif";
	 		         }	
                      	}

Merci d'avance pour votre aide

[E.Bzz]

Bonjour,

Voici ce que je fais, mais je n'arrive pas a faire alert(tabImg[x].id) normal ??

� priori, non : pas normal.

Es-tu s�r qu'aucun id n'est dupliqu� dans ta page ?
Cette phrase

si elles ont le meme genre d'id correspondant � l'image cliqu�

me fait en douter ...

A+

[lifty]

C'est surtout la phrase "Le m�me genre d'ID", tu es toujours avec tes ids incrementaux ?

le tout pour toutes les images qui ont un id d�fini.

Pr�cise

[MasterChief78]

C'est surtout la phrase "Le m�me genre d'ID", tu es toujours avec tes ids incrementaux ?

Pr�cise

Oui toujours, mais en fait je me suis mal exprim�. Je boucle et je g�n�re un string (temp) qui correspond peut �tre � un id d'image (�a peut �tre rien du tout aussi mais �a �a change rien). Si il correspond, je dois changer sa source.
Donc du coup, je boucle sur toutes les images du doc, je compare entre l'id de l'image en question et temp, si c'est �gal, je remplace.

[Bovino]

Tu es s�r que toutes les images de ta page ont un id ?

[MasterChief78]

Oui et oui ^^
Voici comment est g�n�r� mon id d'image :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

><img src="media/kitmoins.gif" id="cat<?php echo $i?>" onclick="fct()" />

Et de ce que je vois sur la page g�n�r�e aucun souci, j'ai bien id="cat0", id="cat1" et puis aussi des id="cat00", id=cat"01", etc mais tous sont uniques et toutes les images en poss�dent un. Chaque image est dans une case de tableau.

En fait c'est li� au probl�me que j'avais hier d'afficher cacher, bah en plus de �a je veux que l'image change ^^

[E.Bzz]

en plus de �a je veux que l'image change ^^

Ben le

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

tabImg[j].src = "media/kitplus.gif";

est correct ...

Il y a quoi dans "temp" ?

A+

[MasterChief78]

Voil� le code de la boucle g�n�rale :

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
function affCache(num) {
 
//* pour recuperer tous les elements dont l'id est 0 ou 0*
//A voir si cela ne devrait pas être 0.+	
var expReg ="^"+num+"*";
table = document.getElementsByReg('tr','id',expReg);
var temp ="";
var temp2 = "";
 
if((table[0].style.display == '') || !(table[0].style.display)){
	for(i = 0; i < table.length; i++)
	 {
 
 
			table[i].style.display = 'none';
			temp2 = table[i].id;
			temp2 = temp2 + "";
			temp2 = temp2.substr(0, table[i].id.length-1);
			temp = "cat" + temp2;
			var tabImg = window.document.getElementsByTagName('img');
			alert(tabImg.length);
			for(j=0; j<tabImg.length;j++)
			{
				alert(tabImg[j].id);
				if(	tabImg[j].id == temp)
				{
					tabImg[j].src = "media/kitplus.gif";
	 			}	
	} 
}
 
else { 
 
}
 
}

Si je fais alert(temp) j'ai les r�sultats attendu : des chaines qui correspondent � un id d'img dans la page, et d'autres qui ne veulent rien dire.
alert(tabImg.length); m'affiche bien le bon nombre !

[lifty]

Si je reprends ce que l'on a vu hier, tu n'as pas besoin de changer toutes tes images , car si mes souvenirs a courts terme sont bons tu masques tout ce qu'il y a en dessous du bouton.

Il te suffit donc de ne changer que le bouton sur lequel tu cliques, les autres n'�tant pas affich�s.

Je prends l'exemple basique du + et du -, lorsque tu cliques sur clique sur le plus cela affiche les lignes masqu�es et sur le - cela les cache.
Comme tu n'as pas de nom pour tes images tu peut faire un truc comme �a

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
16
 
function affCacheLeRetour(imgEl){
 
  if(imgEl.name == "+"){
     imgEl.src="unJoli+.png"
  }
  else if(imgEl.name == "-"){
    imgEl.src="unJoli-.png"
  }
  else{
    alert("Je sais pas coder en javascript :D");
  }
 
}
 
<img name="-" src="media/kitmoins.gif" id="cat<?php echo $i?>" onclick="fct(); affCacheLeRetour(this)" />

Si je me trompe pas (ce qui peut arriver) et si j'ai bien compris ce que tu veut faire au final, tu n'as pas besoin de faire de boucle sur toutes les images


edit :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
function affCache(num) {
 
//* pour recuperer tous les elements dont l'id est 0 ou 0*
//A voir si cela ne devrait pas être 0.+	
var expReg ="^"+num+"*";

Tu peut retirer ce commentaire il n'a plus lieu d'�tre par contre tu peut le commenter pour toi si tu veut comprendre quelque chose quand tu reviendra sur ce code plus tard

[MasterChief78]

Si je reprends ce que l'on a vu hier, tu n'as pas besoin de changer toutes tes images , car si mes souvenirs a courts terme sont bons tu masques tout ce qu'il y a en dessous du bouton.

Il te suffit donc de ne changer que le bouton sur lequel tu cliques, les autres n'�tant pas affich�s.

Je prends l'exemple basique du + et du -, lorsque tu cliques sur clique sur le plus cela affiche les lignes masqu�es et sur le - cela les cache.
Comme tu n'as pas de nom pour tes images tu peut faire un truc comme �a

Effectivement je vais tester cette solution, d'ailleur mon truc marche a peu pret maintenant c'est bon ^^

[MasterChief78]

Merci tout le monde pour vos r�ponses super rapides, �a marche