blob: 58dfb7f969d547bdc4efc51348f5dd30e16bd4d3 (
plain) (
blame)
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
|
// 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 table = document.getElementById("donneespoids")
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 ligne = table.insertRow(i+1);
var cellage = ligne.insertCell(0);
var celldate = ligne.insertCell(1);
var cellpoids = ligne.insertCell(2);
cellage.innerHTML = '<input type="text" name="age_'+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+'">' ;
}
}
// Affichage de la textarea "export"
function affiche_export()
{
document.getElementById("export").style.display = "block" ;
}
function affiche_cache(id,elemcourant)
{
// affiche et/ou cache l'élément id, tout en changeant le this
// en afficher/masquer
elem = document.getElementById(id)
if(elem.style.display == "block")
{
elem.style.display = "none";
elemcourant.innerHTML = "Afficher" ;
}
else
{
elem.style.display = "block" ;
elemcourant.innerHTML = "Masquer" ;
}
}
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."
}
}
|