Reload Fonction change()

Version imprimable

Bonjour,

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

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 :

http://img816.imageshack.us/img816/1...nshot001bf.jpg http://img231.imageshack.us/img231/3...nshot002kn.jpg

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 :

http://img191.imageshack.us/img191/6...nshot003wo.jpg

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

Merci d'avance pour votre aide.
Cdlt, Boub

28/03/2011, 13h27
SpaceFrog

il faudrait passer les état de displays lors du rechargement ...
28/03/2011, 17h30
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)
28/03/2011, 22h13
Boub.J

Merci pour vos réponses

Citation:

Envoyé par 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)

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 !

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:

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>