Discussion :

[Boub.J]

Bonjour,

J'utilise ce javascript pour afficher ou non un formulaire en fonction des choix de l'utilisateur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
function change()
{
	var value = document.getElementById('ben_contrat').value;
	//document.write(value); 
	if ((value == 'CDD')||(value == 'Stagiaire')||(value == 'Invite')||(value == 'Apprenti')||(value == 'Saisonnier')||(value == 'Prestataire'))
	{
		document.getElementById('add').style.display = 'block';
	}
	else
	{
		document.getElementById('add').style.display = 'none';
	}
}
</script>

Graphiquement :



Une fois le formulaire validé, si le formulaire n'a pas été correctement complété, j'invite l'utilisateur à revenir à la page précédente.

Mon problème est que que les champs utilisant la fonction change ne s'affichent plus au retour à la page précédente :



Est-il possible d'utiliser une sorte de "reload" au retour à la page précédente ?

Merci d'avance pour votre aide.
Cdlt, Boub

[SpaceFrog]

il faudrait passer les état de displays lors du rechargement ...

[jopopmk]

Salut,

Ne serait-il pas judicieux de tester la validité de ton formulaire sur la page le contenant ?
Sinon, tu peux passer ces info dans l'URL (param GET), voire les mettre en session (mais ça tu peux le faire qu'avec un langage server, pas avec du JS)

[Boub.J]

Merci pour vos réponses

Salut,

Ne serait-il pas judicieux de tester la validité de ton formulaire sur la page le contenant ?
Sinon, tu peux passer ces info dans l'URL (param GET), voire les mettre en session (mais ça tu peux le faire qu'avec un langage server, pas avec du JS)

En effet, je pense que cela sera plus simple pour moi et les utilisateurs. Je n'y ai pas pensé. Pas mal de modifs en perspective. Je test et vous tiendrai informés.

Merci !

[Boub.J]

Je suis passé par du javascript, et ça fonctionne du tonnerre, je partage le bout de code pour ceux que ça intéresserait !

+++ et merci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<script type="text/javascript">
//<![CDATA[
function couleur(obj) {
     obj.style.backgroundColor = "#FFFFFF";
}
 
function check() {
 
var msg = "";
 
  // si la valeur du champ prenom est non vide
if (document.createaccount.dem_nom.value == "")	{
		msg += "- Votre nom est manquant\n";
		document.createaccount.dem_nom.style.backgroundColor = "#ffeac1";
	}
 
if (document.createaccount.dem_prenom.value == "")	{
		msg += "- Votre prenom est manquant\n";
		document.createaccount.dem_prenom.style.backgroundColor = "#ffeac1";
	}
 
if (document.createaccount.ben_nom.value == "")	{
		msg += "- Le nom du bénéficaire est manquant\n";
		document.createaccount.ben_nom.style.backgroundColor = "#ffeac1";
	}
 
if (document.createaccount.ben_prenom.value == "")	{
		msg += "- Le prénom du bénéficaire est manquant\n";
		document.createaccount.ben_prenom.style.backgroundColor = "#ffeac1";
	}
 
if (document.createaccount.ben_site.value == "")	{
		msg += "- Le site du bénéficaire est manquant\n";
		document.createaccount.ben_site.style.backgroundColor = "#ffeac1";
	}
 
if (document.createaccount.ben_service.value == "")	{
		msg += "- Le service du bénéficaire est manquant\n";
		document.createaccount.ben_service.style.backgroundColor = "#ffeac1";
	}
 
if (document.createaccount.ben_fonction.value == "")	{
		msg += "- La fonction du bénéficaire est manquant\n";
		document.createaccount.ben_fonction.style.backgroundColor = "#ffeac1";
	}
 
if	((document.createaccount.ben_contrat.value != "CDI")&&(document.createaccount.ben_expiration.value == ""))	{
		msg += "- La date d'expiration du compte est manquante\n";
		document.createaccount.ben_expiration.style.backgroundColor = "#ffeac1";
			}
 
if (msg == "") 
		return(true);
 
else	{
		alert(msg);
		return(false);
	}
}
//-->
</script>