// fonctions générales pour la page
+var taillemaxdate = 10;
+var placeholder_date = "aaaa-mm-jj" ;
+
+
function ajoutelignes()
{
// va ajouter 3 lignes au tableau de données
var nbligne = table.children[0].childElementCount ;
// les données étant numérotées à partir de 0 on pourra commencer à partir de nbligne -1
// car il faut éliminer la ligne de header.
+
+ // voir dans quel mode on est : date ou texte
+ var deuxiemeligne = table.children[0].children[1] ;
+ var celldate = deuxiemeligne.children[1] ;
+ var mode = celldate.firstChild.type ;
var nbajout = 3 ;
for(var i=nbligne-1; i<nbligne+nbajout-1; i++)
var cellpoids = ligne.insertCell(2);
cellage.innerHTML = '<input type="text" name="age_'+i+'">' ;
- celldate.innerHTML = '<input type="date" name="date_'+i+'">' ;
- cellpoids.innerHTML = '<input type="text" name="poids_'+i+'">' ;
-
+ celldate.innerHTML = '<input name="date_'+i+'">' ;
+ celldate.firstChild.type = mode ;
+ if(mode == "text") // si on a déjà affiché les cases en mode texte, on continue en mode texte
+ {
+ celldate.firstChild.size = taillemaxdate ;
+ celldate.firstChild.maxlength = taillemaxdate ;
+ celldate.firstChild.placeholder = placeholder_date ;
+ }
+ cellpoids.innerHTML = '<input type="text" name="poids_'+i+'">' ;
}
}
}
}
+
+function change_mode_dates(mode)
+{
+ // passe de l'affichage en mode "date" à l'affichage en mode "texte" pour les navigateurs
+ // qui gèrent mal le mode date
+ var listeinput = document.getElementsByTagName("input") ;
+ for(i=0;i<listeinput.length;i++)
+ {
+ var nombalise = listeinput[i].name ;
+ if(nombalise == "naissance" || nombalise.slice(0,5) == "date_")
+ {
+ listeinput[i].type = mode ;
+ if(mode == "date")
+ listeinput[i].maxlength = taillemaxdate ;
+ listeinput[i].size = taillemaxdate ;
+ listeinput[i].placeholder = placeholder_date ;
+ }
+ }
+
+ // changer le texte et le bouton.
+ var elem = document.getElementById("changemode") ;
+ if(mode =="text")
+ {
+ elem.innerHTML = "Saisie des dates au format aaaa-mm-jj. <span onclick=\"change_mode_dates('date')\" class=\"bouton\">Cliquez ici</span> pour revenir à une saisie de dates « confortable »."
+ }
+ else
+ {
+ elem.innerHTML = "<span onclick=\"change_mode_dates('text')\" class=\"bouton\">Cliquez ici</span> pour saisir les dates comme du texte."
+ }
+
+}