Discussion :

[Invité]

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

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

[SpaceFrog]

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

Code :

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

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

[Invité]

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

[SpaceFrog]

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

[Invité]

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 :

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

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 :

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

[SpaceFrog]

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 :

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

 document.createElement('img')

[Invité]

dans mon html :

Code :

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

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

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

[SpaceFrog]

Code :

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

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

[Invité]

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 :

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

1
2
3
function evenementTab() {
	alert(this.id)
}

tous simplement merci beaucoup de ton aide