Remplir un tableau d'img aléatoirement

Je suis sur un tp ou je doit génerer un tableau aléatoirement de fragment d'img

Code:

---

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

function genRandomTableau(idtabrand) { /*img1.src="img/modele9_01.jpg"; img2.src="img/modele9_02.jpg"; img3.src="img/modele9_03.jpg"; img4.src="img/modele9_04.jpg"; img5.src="img/modele9_05.jpg"; img6.src="img/modele9_06.jpg"; img7.src="img/modele9_07.jpg"; img8.src="img/modele9_08.jpg"; img9.src="img/modele9_09.jpg";*/   for (value=0; value<8; value++) {   do { i= (Math.floor((3)*Math.random())); j= (Math.floor((3)*Math.random())); } while (document.getElementById(idtabrand + "c" + i + j).innerHTML!="");   document.getElementById(idtabrand + "c" + i + j).innerHTML//.src="img/modele9_09.jpg"; //document.getElementById(idtabrand + "c" + i + j).onclick = evenementTab; // appel de la fonction evenementTab } }   function evenementTab() { //alert("id='" + idtab +'"); }

---

j'arrete pas de faire plein de test avec divers manip, mais rien y fait.. a la base mon tableau mettais des nombres aléatoirement, et j'aimerais maintenant avoir des img.. je test actuellement avec ".src="img/modele9_09.jpg";". mais nan..
De plus comment puis je recuperer l'id d'une case?

Merci beaucoup à ceux qui pourront m'avancer assez rapidement

mets tes images dans un array en preload
ensuite tu n'auras qu'a faire un random sur l'indice de l'array ...

Code:

---

1 2 3 4 5 6

var tabImg=new Array(); for(i=0;i<10;i++){ img[i]=new Images() img[i].src.="img/modele9_0"+i".jpg"; }

---

Super, merci beaucoup,

j'aimerais aussi récupérer l'id de ma case cliqué dans une boite alerte
mon gestionnaire d'évènement est bien installer, il me suffit de mettre dans ma fonction event
alert("idtab"); ? mais sa veut pas..

l'id d'une case ?
tu peux preciser ???

Mon tableau est générer avec mes 8 images, chaque case contenant donc une image, sauf une vide (car c'est un jeux tom-pouce)

Quand je clique sur une image, je doit donc avoir l'id de ma case.

j'ai la fonction suivante.. mais sa marche pas non +

Code:

---

1 2 3

if(window.event)id=window.event.srcElement.getAttribute("id"); else id = event.target.id; alert(id);

---

le code de mon tableau complet (génération + evenement)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

function genRandomTableau(idtabrand) {   for (value=0; value<9; value++) {   do { i= (Math.floor((3)*Math.random())); j= (Math.floor((3)*Math.random())); } while (document.getElementById(idtabrand + "c" + i + j).innerHTML!="");   document.getElementById(idtabrand + "c" + i + j).innerHTML = "<img src=img/modele9_0"+value+".jpg width=100 height=100/>"; document.getElementById(idtabrand + "c" + i + j).onclick = evenementTab; // appel de la fonction evenementTab } }   function evenementTab() { if(window.event)id=window.event.srcElement.getAttribute("id"); else id = event.target.id; alert(id); }

---

tableau = ???
quelle balises utilises tu ???

tu attribues le innerHTML à quoi ???
et d'ailleurs pourquoi passer par innerHTML au lieu de simplement positionnner les images en les créant avec

Code:

---

document.createElement('img')

---

dans mon html :

Code:

---

<div id="genereTab"></div>

---

Je ne connais pas cette fonction, et je suis vraiment une bille pour le moment en javascript:?

Code:

---

<div id="genereTab" onclick="alert(this.id)"></div>

---

arf dommage, cela me donne l'id du tableau et non de la case cliqué:(

EDIT: en bidouillant j'ai pu trouver, et sa a l'air de marcher parfaitement.

Code:

---

1 2 3

function evenementTab() { alert(this.id) }

---

tous simplement :ccool: merci beaucoup de ton aide