Améliorations diverses. Lancement officiel de la bêta !

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)' ;
 
 // Valide la case et la colore en rouge
 function validecase(elem) {
-        elem.style.backgroundColor = couleur_valide ;
-        
-        detectelignes() ;
+        if (elem.style.backgroundColor == couleur_valide) {
+                alterne_phrase_reponse(elem)
+        } else {
+                elem.style.backgroundColor = couleur_valide ;
+                detectelignes() ;
+        }
+
 }
 
 // efface la grille
 function effacegrille() {
         var table=document.getElementById("grille") ;
         var listetd = table.getElementsByTagName("td") ;
+        var ltemp ;
         for (var i=0; i< listetd.length; i++){
-                listetd[i].style.backgroundColor = couleur_base ;
+                if (!(listetd[i].classList.contains("vide"))) {
+                        listetd[i].style.backgroundColor = couleur_base ;
+                        affiche_phrase(listetd[i]) ;
+                }
         }
         metscore(0) ;
 }
@@ -151,3 +159,48 @@ function detectelignes(elem) {
         score = (nb_lignes_completes + nb_colonnes_completes + nb_diagonales_1 + nb_diagonales_2) *points_par_ligne + nbcases ;
         metscore(score) ;
 }
+
+
+/* Outils divers */
+function ajouter_phrase_perso() {
+        var ul = document.getElementById("liste_phrases_add") ;
+        var nb = ul.children.length ;
+        var elt = document.createElement("li") ;
+        elt.innerHTML = '<input type="text" class="texte" name="phrase_add_'+nb+'">' ;
+        ul.appendChild(elt) ;
+
+}
+
+function alterne_phrase_reponse(elem) {
+        var liste = elem.children ;
+        // qui est actif ?
+        for(var i=0; i< liste.length; i++) {
+                if(liste[i].style.display != "none") {
+                        liste[i].style.display = "none" ; // on efface celui-là
+                        liste[(i+1) % liste.length].style.display = "block" ; // on met le suivant
+                        break // on s'arrête là
+                }
+                
+        }
+        /*
+        if(elem.getElementsByClassName("phrase")[0].style.display == "none"){
+                affiche_phrase(elem)
+        } else {
+                affiche_reponse(elem)
+        }*/
+}
+
+function affiche_reponse(elem) {
+        var ltemp = elem.getElementsByClassName("phrase") ;
+        if (ltemp.length >0) ltemp[0].style.display = "none" ;
+        ltemp = elem.getElementsByClassName("reponse")
+        if (ltemp.length >0) ltemp[0].style.display = "block" ;
+}
+
+function affiche_phrase(elem) {
+        var ltemp = elem.getElementsByClassName("phrase")
+        if (ltemp.length >0 ) ltemp[0].style.display = "block" ;
+        ltemp = elem.getElementsByClassName("reponse")
+        for (var i=0; i<ltemp.length; i++) ltemp[i].style.display = "none" ;
+}
+
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 @@
         padding: 1px ;
         margin: 30px ;
         border: 1px solid black ;
+        table-layout: fixed;
 }
 
 #grille td {
@@ -29,6 +30,12 @@
         background-color:#999999 ;
 }
 
+.reponse {
+        display: none ;
+        font-style: italic ;
+}
+
+
 /* Formulaire page custom */
 .texte {
         width:20em
@@ -36,3 +43,4 @@
 
 .data {
         width:3em
+