Changer plusieurs images d'un coup

Bonjour,

J'aimerais changer le src de plusieurs images n'ayant pas le même ID.
J'aimerais savoir quelle serait la méthode la plus simple et approprié pour faire cela.

J'ai le code suivant :

Code:

---

1 2 3 4 5 6

<ul id="maListe"> <li><img id="imgchkgdgdg" src="checkboxunchecked.bmp">BlaBla</li> <li><img id="imgchktertret" src="checkboxunchecked.bmp">BlaBla</li> <li><img id="imgchkzert" src="checkboxunchecked.bmp">BlaBla</li> <li><img id="imgchkhgfu" src="checkboxunchecked.bmp">BlaBla</li> </ul>

---

J'ai essayé de faire :

Code:

---

document.getElementById('maListe').img.src = "checkboxunchecked.bmp";

---

Afin de changer toutes les images d'un coup, mais cela ne marche pas.

Je n'ai pas trouvé comment lui dire de changer tous les éléments commençant par "imgchk". Apparemment cela n'est pas possible non plus. :(

Avez vous une idée à me proposer?
Merci d'avance pour l'aide que vous pourrez m'apporter.

Edit: Changement des IDs :oops:

Code:

---

1 2 3

for (i=1;i<5;i++){ document.getElementById('imgchk'+i').src = "checkboxunchecked.bmp"; }

---

lol désolé j'ai mis 1,2,3 ...
C'est vrai que ta solution est bonne mais en fait dans la réalité je n'ai pas des IDs qui se suivent.
J'ai quelque chose de ce genre:

Code:

---

1 2 3 4 5 6

<ul id="maListe"> <li><img id="imgchkgdgdg" src="checkboxunchecked.bmp">BlaBla</li> <li><img id="imgchktertret" src="checkboxunchecked.bmp">BlaBla</li> <li><img id="imgchkzert" src="checkboxunchecked.bmp">BlaBla</li> <li><img id="imgchkhgfu" src="checkboxunchecked.bmp">BlaBla</li> </ul>

---

Désolé de ne pas l'avoir précisé avant. Je voulais simplifier pour cibler au max mon problème. Du coup j'ai simplifié les IDs. :(

trois possibilité:

1) la plus simple tu changes tes ids ... :wink:


2) tu fais un array avec les sufixes possibles ... et tu boucles sur l'array


3) tu boucles sur tous les img et tu testes si leur id commence par chk ...

Comment faire pour boucler toutes les images? (soluce 3)
Sinon je pense que je me tournerais vers un array. (soluce 2)

Code:

---

1 2 3 4

var touteslesimages=document.getElementsByTagName('img'); for (i=0;i<touteslesimages.length;i++){ if(touteslesimages[i].id.subsrt(0,6)=='imgchk'){touteslesimages[i].src='checkboxunchecked.bmp';} }

---

Merci, je ne pensais plus au "getElementsByTagName".
N'ayant pas l'habitude de programmer en javascript, je ne me souviens pas toujours des fonctions spécifiques à ce langage. :oops:

Par contre il y a une petite erreur de frappe le code : subsrt > substr
Pour ceux que ça intéresserait ça évitera de chercher pourquoi ça ne marche pas ;)

Code:

---

1 2 3 4 5

var touteslesimages=document.getElementsByTagName('img'); for (i=0;i<touteslesimages.length;i++){ if(touteslesimages[i].id.substr(0,6)=='imgchk') {touteslesimages[i].src='checkboxunchecked.bmp';} }

---

Merci encore ;)

yes merci de la correction yank !
je tape le code en direct sans le tester alors je m'expose à ce genre de moufflage ...

Oui et puis c'était pas bien grave, mais je tenais à le signaler pour ceux qui feraient des copier coller et ne trouveraient pas d'où vient le problème. ;)