X-Git-Url: https://git.immae.eu/?p=perso%2FDenise%2Foms.git;a=blobdiff_plain;f=static%2Foutilspage.js;h=72a9b91150ebd94a9c53bca9639687576b5348ea;hp=58dfb7f969d547bdc4efc51348f5dd30e16bd4d3;hb=aecb943b704794582bc8fa9304f6dd3cbe34ea7c;hpb=30158504b5267f225469216ea4aa0d123a8f5d8e

diff --git a/static/outilspage.js b/static/outilspage.js
index 58dfb7f..72a9b91 100644
--- a/static/outilspage.js
+++ b/static/outilspage.js
@@ -24,8 +24,9 @@ function ajoutelignes()
 		var cellage = ligne.insertCell(0);
 		var celldate = ligne.insertCell(1);
 		var cellpoids = ligne.insertCell(2);
+		var celltaille = ligne.insertCell(3);
 		
-		cellage.innerHTML = '<input type="text" name="age_'+i+'">' ;
+		cellage.innerHTML = '<input type="text" class="data" 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
@@ -34,7 +35,11 @@ function ajoutelignes()
 			celldate.firstChild.maxlength = taillemaxdate ;
 			celldate.firstChild.placeholder = placeholder_date ;
 		}
-		cellpoids.innerHTML = '<input type="text" name="poids_'+i+'">' ;	
+		cellpoids.innerHTML = '<input type="text" class="data" name="poids_'+i+'">' ;	
+		celltaille.innerHTML = '<input type="text" class="data" name="taille_'+i+'">' ;
+		celltaille.classList.add("donneesplus") ;
+		if(deuxiemeligne.children[3].style.display == "block")
+			celltaille.style.display = "block" ;
 	}
 	
 }
@@ -65,6 +70,48 @@ function affiche_cache(id,elemcourant)
 	
 }
 
+function affiche_cache_classe(classe)
+{
+	// affiche et/ou cache tous les éléments de la classe classe (et change le texte du this)
+	var listelem = document.getElementsByClassName(classe) ;
+	var attributaff ;
+	if(listelem[0].style.display != "block") // c'est caché, donc on veut afficher
+	{
+		document.getElementById("bouton_afficher_donneesplus").innerHTML = "Masquer" ;
+		attributaff = "block" ;
+	}
+	else
+	{
+		document.getElementById("bouton_afficher_donneesplus").innerHTML = "Afficher" ;
+		attributaff = "none" ;
+	}
+	
+	for(var i=0;i<listelem.length; i++)
+	{
+		listelem[i].style.display = attributaff ;
+	}
+}
+
+function affiche_donneesplus_sibesoin()
+{
+	// fonction à appeler au chargement de la page
+	// On parcourt le tableau des tailles (ou autres) et on voit si y'a
+	// des choses dans les champs
+	var trouve = false ;
+	var liste_cases = document.getElementsByTagName("td") ;
+	//alert(liste_cases[3].children[0].value+liste_cases[3].classList) ;
+	for(i=0; i<liste_cases.length && !(trouve); i++)
+	{
+		// Si une des cases "données plus" contient un truc non vide
+		if(liste_cases[i].classList == "donneesplus" && liste_cases[i].children[0].value != "")
+		{
+			trouve = true ;
+		}
+	}
+	if(trouve)
+		affiche_cache_classe("donneesplus")
+}
+
 function change_mode_dates(mode)
 {
 	// passe de l'affichage en mode "date" à l'affichage en mode "texte" pour les navigateurs
@@ -75,11 +122,14 @@ function change_mode_dates(mode)
 		var nombalise = listeinput[i].name ;
 		if(nombalise == "naissance" || nombalise.slice(0,5) == "date_")
 		{
-			listeinput[i].type = mode ;
-			if(mode == "date")
+			if(mode == "date") {
 				listeinput[i].maxlength = taillemaxdate ;
-				listeinput[i].size = taillemaxdate ;
-				listeinput[i].placeholder = placeholder_date ;
+				listeinput[i].value = listeinput[i].value.replace(/\//g, "-") ; // remplacer les / par des -
+			}
+
+			listeinput[i].type = mode ;
+			listeinput[i].size = taillemaxdate ;
+			listeinput[i].placeholder = placeholder_date ;
 		}
 	}
 	
@@ -87,11 +137,64 @@ function change_mode_dates(mode)
 	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 «&nbsp;confortable&nbsp;»."
+		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 «&nbsp;confortable&nbsp;» avec le calendrier."
 	}
 	else
 	{
 		elem.innerHTML = "<span onclick=\"change_mode_dates('text')\" class=\"bouton\">Cliquez ici</span> pour saisir les dates comme du texte."
 	}
+}
+
+function ajoute_enfants()
+{
+	var eltul = document.getElementById("liste_enfants_add") ;
+	var nblignes = eltul.childElementCount ;
+	var elt1 = eltul.children[0] ;
+	//alert(elt1.innerHTML) ;
+	var texte = elt1.innerHTML ; 
+	// Il faut remplacer les nblignes 2 par des nblignes +2
+	texte = texte.replace("fichier_donnees_"+(2), "fichier_donnees_"+(nblignes +2)) ;
+	texte = texte.replace("fichier_donnees_"+(2), "fichier_donnees_"+(nblignes +2)) ;
+	texte = texte.replace("fichier_donnees_"+(2), "fichier_donnees_"+(nblignes +2)) ;
+	texte = texte.replace("symbole_donnees_"+(2), "symbole_donnees_"+(nblignes +2)) ;
+	texte = texte.replace("couleur_donnees_"+(2), "couleur_donnees_"+(nblignes +2)) ;
+
+	// Enlever le "selected"
+	texte = texte.replace("selected", "") ;
+
+	var elt2 = document.createElement("li") ;
+	elt2.innerHTML = texte ;
+
+	// remettre le "selected" au bon endroit
+	var options = elt2.getElementsByTagName("option") ;
+	// Trouver le nblignes-ième élément
+	var numero = (nblignes +1) % options.length ;
+	//Sélectionner l'élément en question
+	var monoption = options[numero] ;
+	monoption.setAttribute("selected", true) ;
+
+	eltul.appendChild(elt2) ;
+
+}
+
+function vide_champ(nom) 
+{
+	// vide le champ d'id proposé
+	var elt = document.getElementById(nom) ;
+	elt.value = "" ;
+}
+
+function ajoute_reperes()
+{ // ajoute des repères
+	var eltul = document.getElementById("ajoutereperecourbe") ;
+	var nblignes = eltul.childElementCount ;
+//	alert(nblignes) ;
+	var nb_additionnel = 2;
+	for(var i=nblignes; i<nblignes+nb_additionnel ; i++) 
+	{
+		var elt = document.createElement("li") ;
+		elt.innerHTML = 'Âge&nbsp;: <input class="data" type="text" name="repere_age_'+i+'" value=""> Texte associé&nbsp;: <input class="texte" type="text" name="repere_texte_'+i+'" value=""> Tracer&nbsp;: <input type="checkbox" name="repere_trace_'+i+'">' ;
+		eltul.appendChild(elt) ;
+	}
 	
 }