Bonjour, je souhaite cr�e un Sudoku g�n�r� enti�rement en JavaScript, pour l'instant j'ai encore un niveau tr�s faible en JS et je maitrise pas vraiment,

voici mon d�but

HTML:
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
 
<body>
	<h1>Sudoku</h1>
		<form>
			<div id="grille"></div>
		</form>
<script type="text/javascript" src="javascript.js"></script> 
</body>
JavaScript:
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
37
38
39
40
41
 
var grille = document.getElementById("grille");
 
// Génération de 3 tableaux sur la 1er ligne
for (var j=0; j<3;j++){
	for (var i = 0; i < 3; i++) {
		grille.innerHTML += "<div class=\"caseBlanc\"><input class=\"inputText_caseBlanc\" name=\"field_"+j+"_"+i+"\" id=\"field_0_"+i+	"\" type=\"text\</div>";
	}
	for (var i = 0; i < 3; i++) {
		grille.innerHTML += "<div class=\"caseGris\"><input class=\"inputText_caseGris\" name=\"field_"+j+"_"+i+"\" id=\"field_0_"+i+"\" type=\"text\</div>";
	}
	for (var i = 0; i < 3; i++) {
		grille.innerHTML += "<div class=\"caseBlanc\"><input class=\"inputText_caseBlanc\" name=\"field_"+j+"_"+i+"\" id=\"field_0_"+i+"\" type=\"text\</div>";
	}
}
 
// Génération de 3 tableaux sur la 2eme ligne
for (var j=0; j<3;j++){
	for (var i = 0; i < 3; i++) {
		grille.innerHTML += "<div class=\"caseGris\"><input class=\"inputText_caseGris\" name=\"field_"+j+"_"+i+"\" id=\"field_0_"+i+"\" type=\"text\</div>";
	}
	for (var i = 0; i < 3; i++) {
		grille.innerHTML += "<div class=\"caseBlanc\"><input class=\"inputText_caseBlanc\" name=\"field_"+j+"_"+i+"\" id=\"field_0_"+i+"\" type=\"text\</div>";
	}
	for (var i = 0; i < 3; i++) {
		grille.innerHTML += "<div class=\"caseGris\"><input class=\"inputText_caseGris\" name=\"field_"+j+"_"+i+"\" id=\"field_0_"+i+"\" type=\"text\</div>";
	}
}
 
// Génération de 3 tableaux sur la 3eme ligne
for (var j=0; j<3;j++){
	for (var i = 0; i < 3; i++) {
		grille.innerHTML += "<div class=\"caseBlanc\"><input class=\"inputText_caseBlanc\" name=\"field_"+j+"_"+i+"\" id=\"field_0_"+i+	"\" type=\"text\</div>";
	}
	for (var i = 0; i < 3; i++) {
		grille.innerHTML += "<div class=\"caseGris\"><input class=\"inputText_caseGris\" name=\"field_"+j+"_"+i+"\" id=\"field_0_"+i+"\" type=\"text\</div>";
	}
	for (var i = 0; i < 3; i++) {
		grille.innerHTML += "<div class=\"caseBlanc\"><input class=\"inputText_caseBlanc\" name=\"field_"+j+"_"+i+"\" id=\"field_0_"+i+"\" type=\"text\</div>";
	}
}
CSS:
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
37
38
39
40
41
42
43
 
body {
	background-color:gray;
	margin:auto;
	width:800px;
	text-align:center;
}
 
#tab {
	text-align:center;
	margin:auto;
	position:absolute;
}
 
#tab td {
	background-color:white;
	height:35px;
	width:35px;
}
 
.caseBlanc {
	width:35px;
	height:35px;
	display:inline-block;
	background-color:#fff;
	border:groove;
	border-color:grey;
}
 
.caseGris {
	width:35px;
	height:35px;
	display:inline-block;
	background-color:#fff;
	border:groove;
	border-color:grey;
	background-color:grey;
}
 
#grille {	
	width:400px;
	height:400px;
}

Donc j'ai d�j� le tableau du sodoku qui se g�n�re avec pour diff�rencier les diff�rentes zones du tableau par un tableau blanc ou gris.. comme vous pouvez le voir, mon code javascript est tr�s loin d'�tre optimiser, j'ai essayer juste avec un algo et utilis� des variables, mais sans r�sultat... si quelqu'un pouvais me mettre sur la piste pour utilis� une variable et modifi� sa propri�t� pour la couleur. Et j'aimerais savoir comment affect� � mes diff�rentes zones de mon tableau des valeurs de 1 � 9..