diff options
Diffstat (limited to 'static')
-rw-r--r-- | static/outilspage.js | 61 | ||||
-rw-r--r-- | static/style.css | 8 |
2 files changed, 65 insertions, 4 deletions
diff --git a/static/outilspage.js b/static/outilspage.js index b8db8b3..1ddb713 100644 --- a/static/outilspage.js +++ b/static/outilspage.js | |||
@@ -11,17 +11,25 @@ var couleur_valide = 'rgb(255, 136, 136)' ; | |||
11 | 11 | ||
12 | // Valide la case et la colore en rouge | 12 | // Valide la case et la colore en rouge |
13 | function validecase(elem) { | 13 | function validecase(elem) { |
14 | elem.style.backgroundColor = couleur_valide ; | 14 | if (elem.style.backgroundColor == couleur_valide) { |
15 | 15 | alterne_phrase_reponse(elem) | |
16 | detectelignes() ; | 16 | } else { |
17 | elem.style.backgroundColor = couleur_valide ; | ||
18 | detectelignes() ; | ||
19 | } | ||
20 | |||
17 | } | 21 | } |
18 | 22 | ||
19 | // efface la grille | 23 | // efface la grille |
20 | function effacegrille() { | 24 | function effacegrille() { |
21 | var table=document.getElementById("grille") ; | 25 | var table=document.getElementById("grille") ; |
22 | var listetd = table.getElementsByTagName("td") ; | 26 | var listetd = table.getElementsByTagName("td") ; |
27 | var ltemp ; | ||
23 | for (var i=0; i< listetd.length; i++){ | 28 | for (var i=0; i< listetd.length; i++){ |
24 | listetd[i].style.backgroundColor = couleur_base ; | 29 | if (!(listetd[i].classList.contains("vide"))) { |
30 | listetd[i].style.backgroundColor = couleur_base ; | ||
31 | affiche_phrase(listetd[i]) ; | ||
32 | } | ||
25 | } | 33 | } |
26 | metscore(0) ; | 34 | metscore(0) ; |
27 | } | 35 | } |
@@ -151,3 +159,48 @@ function detectelignes(elem) { | |||
151 | score = (nb_lignes_completes + nb_colonnes_completes + nb_diagonales_1 + nb_diagonales_2) *points_par_ligne + nbcases ; | 159 | score = (nb_lignes_completes + nb_colonnes_completes + nb_diagonales_1 + nb_diagonales_2) *points_par_ligne + nbcases ; |
152 | metscore(score) ; | 160 | metscore(score) ; |
153 | } | 161 | } |
162 | |||
163 | |||
164 | /* Outils divers */ | ||
165 | function ajouter_phrase_perso() { | ||
166 | var ul = document.getElementById("liste_phrases_add") ; | ||
167 | var nb = ul.children.length ; | ||
168 | var elt = document.createElement("li") ; | ||
169 | elt.innerHTML = '<input type="text" class="texte" name="phrase_add_'+nb+'">' ; | ||
170 | ul.appendChild(elt) ; | ||
171 | |||
172 | } | ||
173 | |||
174 | function alterne_phrase_reponse(elem) { | ||
175 | var liste = elem.children ; | ||
176 | // qui est actif ? | ||
177 | for(var i=0; i< liste.length; i++) { | ||
178 | if(liste[i].style.display != "none") { | ||
179 | liste[i].style.display = "none" ; // on efface celui-là | ||
180 | liste[(i+1) % liste.length].style.display = "block" ; // on met le suivant | ||
181 | break // on s'arrête là | ||
182 | } | ||
183 | |||
184 | } | ||
185 | /* | ||
186 | if(elem.getElementsByClassName("phrase")[0].style.display == "none"){ | ||
187 | affiche_phrase(elem) | ||
188 | } else { | ||
189 | affiche_reponse(elem) | ||
190 | }*/ | ||
191 | } | ||
192 | |||
193 | function affiche_reponse(elem) { | ||
194 | var ltemp = elem.getElementsByClassName("phrase") ; | ||
195 | if (ltemp.length >0) ltemp[0].style.display = "none" ; | ||
196 | ltemp = elem.getElementsByClassName("reponse") | ||
197 | if (ltemp.length >0) ltemp[0].style.display = "block" ; | ||
198 | } | ||
199 | |||
200 | function affiche_phrase(elem) { | ||
201 | var ltemp = elem.getElementsByClassName("phrase") | ||
202 | if (ltemp.length >0 ) ltemp[0].style.display = "block" ; | ||
203 | ltemp = elem.getElementsByClassName("reponse") | ||
204 | for (var i=0; i<ltemp.length; i++) ltemp[i].style.display = "none" ; | ||
205 | } | ||
206 | |||
diff --git a/static/style.css b/static/style.css index fa5f191..36d5569 100644 --- a/static/style.css +++ b/static/style.css | |||
@@ -15,6 +15,7 @@ | |||
15 | padding: 1px ; | 15 | padding: 1px ; |
16 | margin: 30px ; | 16 | margin: 30px ; |
17 | border: 1px solid black ; | 17 | border: 1px solid black ; |
18 | table-layout: fixed; | ||
18 | } | 19 | } |
19 | 20 | ||
20 | #grille td { | 21 | #grille td { |
@@ -29,6 +30,12 @@ | |||
29 | background-color:#999999 ; | 30 | background-color:#999999 ; |
30 | } | 31 | } |
31 | 32 | ||
33 | .reponse { | ||
34 | display: none ; | ||
35 | font-style: italic ; | ||
36 | } | ||
37 | |||
38 | |||
32 | /* Formulaire page custom */ | 39 | /* Formulaire page custom */ |
33 | .texte { | 40 | .texte { |
34 | width:20em | 41 | width:20em |
@@ -36,3 +43,4 @@ | |||
36 | 43 | ||
37 | .data { | 44 | .data { |
38 | width:3em | 45 | width:3em |
46 | |||