]>
git.immae.eu Git - perso/Denise/oms.git/blob - static/outilspage.js
1 // fonctions générales pour la page
3 var taillemaxdate
= 10 ;
4 var placeholder_date
= "aaaa-mm-jj" ;
7 function ajoutelignes ()
9 // va ajouter 3 lignes au tableau de données
10 var table
= document
. getElementById ( "donneespoids" )
11 var nbligne
= table
. children
[ 0 ]. childElementCount
;
12 // les données étant numérotées à partir de 0 on pourra commencer à partir de nbligne -1
13 // car il faut éliminer la ligne de header.
15 // voir dans quel mode on est : date ou texte
16 var deuxiemeligne
= table
. children
[ 0 ]. children
[ 1 ] ;
17 var celldate
= deuxiemeligne
. children
[ 1 ] ;
18 var mode
= celldate
. firstChild
. type
;
21 for ( var i
= nbligne
- 1 ; i
< nbligne
+ nbajout
- 1 ; i
++)
23 var ligne
= table
. insertRow ( i
+ 1 );
24 var cellage
= ligne
. insertCell ( 0 );
25 var celldate
= ligne
. insertCell ( 1 );
26 var cellpoids
= ligne
. insertCell ( 2 );
28 cellage
. innerHTML
= '<input type="text" name="age_' + i
+ '">' ;
29 celldate
. innerHTML
= '<input name="date_' + i
+ '">' ;
30 celldate
. firstChild
. type
= mode
;
31 if ( mode
== "text" ) // si on a déjà affiché les cases en mode texte, on continue en mode texte
33 celldate
. firstChild
. size
= taillemaxdate
;
34 celldate
. firstChild
. maxlength
= taillemaxdate
;
35 celldate
. firstChild
. placeholder
= placeholder_date
;
37 cellpoids
. innerHTML
= '<input type="text" name="poids_' + i
+ '">' ;
42 // Affichage de la textarea "export"
43 function affiche_export ()
45 document
. getElementById ( "export" ). style
. display
= "block" ;
49 function affiche_cache ( id
, elemcourant
)
51 // affiche et/ou cache l'élément id, tout en changeant le this
52 // en afficher/masquer
53 elem
= document
. getElementById ( id
)
54 if ( elem
. style
. display
== "block" )
56 elem
. style
. display
= "none" ;
57 elemcourant
. innerHTML
= "Afficher" ;
61 elem
. style
. display
= "block" ;
62 elemcourant
. innerHTML
= "Masquer" ;
68 function change_mode_dates ( mode
)
70 // passe de l'affichage en mode "date" à l'affichage en mode "texte" pour les navigateurs
71 // qui gèrent mal le mode date
72 var listeinput
= document
. getElementsByTagName ( "input" ) ;
73 for ( i
= 0 ; i
< listeinput
. length
; i
++)
75 var nombalise
= listeinput
[ i
]. name
;
76 if ( nombalise
== "naissance" || nombalise
. slice ( 0 , 5 ) == "date_" )
78 listeinput
[ i
]. type
= mode
;
80 listeinput
[ i
]. maxlength
= taillemaxdate
;
81 listeinput
[ i
]. size
= taillemaxdate
;
82 listeinput
[ i
]. placeholder
= placeholder_date
;
86 // changer le texte et le bouton.
87 var elem
= document
. getElementById ( "changemode" ) ;
90 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 »."
94 elem
. innerHTML
= "<span onclick= \" change_mode_dates('text') \" class= \" bouton \" >Cliquez ici</span> pour saisir les dates comme du texte."