Discussion :

[shyx21]

bien le bonjour a tous
voila je doit dans le cadre scolaire faire une page web avec un tableau qui va de 1 à 10 sur le première ligne de 11 à 20 sur la deuxieme et ainsi de suite jusqu'a 100 on a en plus un bouton sur la page.
alors voila mon souci : faire le tableau n'est pas un probleme mais le hic c'est que lorsque l'utilisateur clique sur le bouton les case ou ce trouve un nombre multiple de 7(ou tout autre chiffre d'ailleurs) doivent se colorier(on se fiche de la couleur).Je souhaiterai des pistes de votre part et surtout pas des bout de codes auxquels je ne comprendrai rien.
si il y a des zones d'ombre dans mon explication demandez je n'hésiterez pas a eclaircir.
merci d'avance a ceux qui prendront la peine de répondre.

[marts]

Qu'est ce qui te pose problème ? Parcourir les cases de ton tableau ? Récupérer le contenu d'une case ? Vérifier qu'un nombre est un multiple de 7 ? Ou changer la couleur d'une case ?

[shyx21]

ben le truc c'est que apparement je dois travailler sur la case et pas son contenu mais en meme temps il faut bien que je sache si le nombre contenu dans la case est un multiple de 7.pour parcourir le tableau ca c'est bon pour le contenu je sait pas comment faire pour la vérification du multiple de 7 il faut faire un mod et si = a 0 alors multiple de 7 et pour changer la couleur le bgcolor est a ma disposition.
le truc c'est que le prof nous disait qu'il ne fallait pas faire chaque case (le tableau étant creer dynamiquement) a la fois mais plutot se concentrer sur la case du tableau et la je nage un peu.
une idée?

[marts]

Alors fais un tableau contenant toutes les cases :

Code :

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

1
2
3
4
5
6
7
 
var cases=new Array();
for (var i=1;i<=100;i++)
{
	cases[i]=document.createElement('td');
	cases[i].innerHTML=i;
}

Ensuite tu assembles ces cases dans une table HTML et tu peux te baser sur les index du tableau pour changer les couleurs :

Code :

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

1
2
 
for (var i=7;i<=100;i+=7) cases[i].style.backgroundColor='...';

[shyx21]

c'est quoi une table html?
peut tu m'expliquer ton deuxième code je rien compris?

[marts]

Code :

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

1
2
3
4
5
6
7
8
 
<table>
	<tr>
		<td>...</td>
		...
	</tr>
	...
</table>

c'est ça une table HTML. Je dis table et pas tableau parce que sinon y a confusion avec le tableau javascript (cases).

Mon deuxième code veut dire : tu parcours les cases de 7 en 7 et tu changes la couleur de fond de ces cases (tu mets la couleur que tu veux là où j'ai mis '...' bien sûr).

[shyx21]

ah ok pas bête le deuxième c'est vrai que c'est pratique.
merci