Erreur insertion de donnee dans un champ formulaire

Version imprimable

Bonjour tout le monde,
J'ai essayé d'insérer les données provenant de mon Cookie dans des champs formulaire mais il m'affiche un message d'erreur: Erreur*: document.formUser is undefined.
Fonctionnement de mon projet:
1). j'ai cree un bouton dans un fichier afficherForm.html qui permettra d'exécuter une fonction pour récupérer les valeur dans mon cookie et de déclencher une page form.html avec les champs de formulaire qui sont remplis par des données provenant de mon cookie.
J'arrive à récupérer mes données qui se trouve dans Cookie mais je n'arrive pas à insérer dans les champs de formulaire. Pouvez-vous m'aider s.v.p ?
Voici mes codes:
form.html
Code:

1 2 3 4 5 6 7 8 9 <form name="formUser" method="post"> <fieldset> <legend>Cookies</legend> <label>Prénom: </label> <input type="text" name="chPrenom" size="30" maxlength="80" value=""/> </fieldset> <input id="btnSend" type="submit" value="Envoyer" /> </form>
afficherForm.html
Code:

1 2 <input type="button" onclick="addFormulaire()" value="Afficher" />
script.js

Citation:

function addFormulaire()
{
var tArrays = new Array();
contenu = document.cookie;

var listeCookies = contenu.split("; ");
nombre = listeCookies.length;

for(compteur=0;compteur<nombre;compteur++)
{
monCookie = listeCookies[compteur].split("=");
tArrays[compteur] = unescape(monCookie[1]);
}

var valPrenom = tArrays[1];

document.formUser.chPrenom.value = valPrenom;
window.open("form.html");

Merci d'avance.

18/01/2010, 15h26
emmanuel.remy

Salut,

document.formUser fait référence à afficherForm.html pas à form.html. Il faut d'abord ouvrir form.html et ensuite accéder au document de form.html.

ERE

Citation:

Envoyé par emmanuel.remy

Salut,

document.formUser fait référence à afficherForm.html pas à form.html. Il faut d'abord ouvrir form.html et ensuite accéder au document de form.html.

ERE

Salut Emmanuel,
Quand tu m'a dis "il faut d'abord ouvrire form.html" c'est-à-dire comme ceci:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function addFormulaire() { var tArrays = new Array(); contenu = document.cookie; var listeCookies = contenu.split("; "); nombre = listeCookies.length; for(compteur=0;compteur<nombre;compteur++) { monCookie = listeCookies[compteur].split("="); tArrays[compteur] = unescape(monCookie[1]); } var valPrenom = tArrays[1]; window.open("form.html"); document.formUser.chPrenom.value = valPrenom;
J'ai essayé comme ceci mais le problemme est toujours là. Auras-tu une autre idée?
PS: Merci pour ta réponse

18/01/2010, 16h32
emmanuel.remy
Re,
Il faut que tu fasses référence au document de form.html.
Code:

1 2 3 var w = window.open("form.html"); w.document.formUser.chPrenom.value = valPrenom;
Non ?

ERE

Bonjour,
visiblement ça serait plutôt quelque chose comme

Code:

1
2
form_html = window.open("form.html");    // Définit le handle de la nouvelle fenêtre
form_html.document.formUser.chPrenom.value = valPrenom;    // Fait référence au handle de la nouvelle fenêtre

EDIT : Grilled :mrgreen:

A+

18/01/2010, 16h35
emmanuel.remy

@E.Bzz: on peut pas dire qu'on n'est pas sur la même longueur d'onde ! :mouarf:
18/01/2010, 17h08
FITRI
Citation:
Envoyé par emmanuel.remy

Re,
Il faut que tu fasses référence au document de form.html.

Code:

1 2 3 var w = window.open("form.html"); w.document.formUser.chPrenom.value = valPrenom;

Non ?

ERE
Premièrement je vous remercie à tous les deux. J'ai essayé votre code mais il marche uniquement dans IE (J'utilise IE 8) mais il ne marche pas pour le navigateur Firefox. Je me demande pourquoi? Avez-vous une idée de resoudre ce problème Firefox ? Merci.
18/01/2010, 17h24
emmanuel.remy

Je viens de tester et cela marche bien dans FF :?

ERE
18/01/2010, 19h57
FITRI

Citation:

Envoyé par emmanuel.remy

Je viens de tester et cela marche bien dans FF :?

ERE

Hmm... bizarre. J'utilise FireFox 3.5.7
Vous voulez bien poster votre code, je vais essayer sur mon ordinateur. Merci
18/01/2010, 20h45
emmanuel.remy

Re,

Poste plutôt ton code complet je le testerai en local. Pour info j'ai aussi la 3.5.7.

ERE

Citation:

Envoyé par emmanuel.remy

Re,

Poste plutôt ton code complet je le testerai en local. Pour info j'ai aussi la 3.5.7.

ERE

d'accord alors, je vais vous envoyer tous mes codes peut être vous trouverai mon erreur.
Index.html

Code:

1
2
3
4
5
6
7
8
 
<div id="cadre" style="position:absolute; top:300px; left:-300px; width:300px; height:100px; background:#9FF; text-align:left; font-size:30px;">
  	<p>JavaScript</p>
	<script language="javascript">
	  var larg = (document.body.clientWidth / 2);
      var arreter = setInterval("getMovCadre()",15);
	</script>
  </div>

script_1.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function getMovCadre()
{
	if (document.layers)
	{
	  var cadre = document.cadre;
	}
	else {
	  var cadre=document.getElementById("cadre").style
	}
 
	var x = parseInt(cadre.left) + 1;
 
	if(x == larg){
		checkCookies();
		clearInterval(arreter);
	}
	cadre.left = x +"px"
}

script_2.js

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
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
 
function dateExpire()
{
	var date = new Date;
	var dtExpiration = new Date;
 
  	date.setTime(date.getTime() + 3600 * 1000);
	dtExpiration.setTime(dtExpiration.getTime() + 365 * 24 * 3600 * 1000);
 
	return dtExpiration;
}
/***************************************************/
 
function checkCookies()
{
	if(document.cookie.length == 0)
	{
		window.open("formulaire.html");
	}else{
		actualCookie(); //Appele une fct.
	}
}
/***************************************************/
 
function setFormulaire(objForm)
{
	var msgAlert = "";
 
	var title = objForm.chListe.value;
	var prenom = objForm.chPrenom.value;
	var nom = objForm.chNom.value;
	var email = objForm.chMail.value;
	var condition = objForm.chCondition.value;
 
	if(objForm.chListe.value == ""){
		msgAlert += "Veuillez indetifier votre titre.\n";
	}
	if(objForm.chPrenom.value == ""){
		objForm.chPrenom.style.backgroundColor  = "#F00";
		msgAlert += "Veuillez encoder votre prenom.\n";
	}
	if(objForm.chNom.value == ""){
		objForm.chNom.style.backgroundColor  = "#F00";
		msgAlert += "Veuillez encoder votre nom.\n";
	}
	if(objForm.chMail.value == ""){
		objForm.chMail.style.backgroundColor  = "#F00";
		msgAlert += "Veuillez encoder votre email.\n";
	}
	else{
		 var txtMail = objForm.chMail.value;
		 var regMail = new RegExp("^[0-9a-z._-]+@{1}[0-9a-z.-]{2,}[.]{1}[a-z]{2,5}$", "i");
 
		 if(regMail.test(txtMail) == false){
			 msgAlert += "Votre email n\'est pas valide.\n";
		 }
	}
	if(!objForm.chCondition.checked){
		msgAlert += "Veuillez accepter le condition.\n";
	}
	if(msgAlert == ""){
		setCookie(title, prenom, nom, email, condition, objForm); //Appele d'une fct.
		return(true);
	}
	else{
		   alert(msgAlert);
	}
 
	return(false);
}
/***************************************************/
 
function setCookie(title, prenom, nom, email, condition, objForm){
	var nameCookieTitre    = "titre";
	var nameCookiePre      = "prenom";
	var nameCookieNom      = "nom";
	var nameCookieMail     = "mail";
	var nameCookieCtrct	   = "condition";
 
	var valTitre	= title;
	var valPrenom   = prenom;
	var valNom      = nom;
	var valMail     = email;
	var valContract = condition;
 
	var dtexpires   = dateExpire(); //Appele fct.
 
	document.cookie = nameCookieTitre + "=" + escape(valTitre) + ((dtexpires==null) ? "" : ("; expires="+dtexpires.toGMTString()));
	document.cookie = nameCookiePre + "=" + escape(valPrenom) + ((dtexpires==null) ? "" : ("; expires="+dtexpires.toGMTString()));
	document.cookie = nameCookieNom + "=" + escape(valNom) + ((dtexpires==null) ? "" : ("; expires="+dtexpires.toGMTString()));
	document.cookie = nameCookieMail + "=" + escape(valMail) + ((dtexpires==null) ? "" : ("; expires="+dtexpires.toGMTString()));
	document.cookie = nameCookieCtrct + "=" + escape(valContract) + ((dtexpires==null) ? "" : ("; expires="+dtexpires.toGMTString()));
 
	window.open("page_1.html");
}
/***************************************************/
 
function getCookie(){
	var nameCookiePre = "prenom";
 
	var regCookies = new RegExp("(; )","g");
	var cookies = document.cookie.split(regCookies);
 
	for(var i=0; i<cookies.length; i++){
		var regInfo = new RegExp("=","g");
		var infos = cookies[i].split(regInfo);
 
		if(infos[0] == nameCookiePre){
			return unescape(infos[1]);
		}
	}
}
/***************************************************/
 
function actualCookie()
{
	var tArrays = new Array();
	contenu = document.cookie;
 
	var listeCookies = contenu.split("; ");
	nombre = listeCookies.length;
 
	for(compteur=0;compteur<nombre;compteur++)
	{
		monCookie = listeCookies[compteur].split("=");
		tArrays[compteur] = unescape(monCookie[1]);
	}
 
	var title = tArrays[0];
	var prenom = tArrays[1];
	var nom = tArrays[2];
	var email = tArrays[3];
	var condition = tArrays[4];
 
	setCookie(title, prenom, nom, email, condition); //Appele une fct.
}
/***************************************************/
 
function getMotPolitesse(){
	var ladate = new Date();
	var h = ladate.getHours();
	var prenom = getCookie();
 
	if(h>18){
		return document.write("Bonsoir " + prenom);
	}else{
		return document.write("Bonjour " + prenom);
	}
}
/***************************************************/
 
function addFormulaire()
{
	var tArrays = new Array();
	contenu = document.cookie;
 
	var listeCookies = contenu.split("; ");
	nombre = listeCookies.length;
 
	for(compteur=0;compteur<nombre;compteur++)
	{
		monCookie = listeCookies[compteur].split("=");
		tArrays[compteur] = unescape(monCookie[1]);
	}
 
	var valTitre = tArrays[0];
	var valPrenom = tArrays[1];
	var valNom = tArrays[2];
	var valMail = tArrays[3];
	var valContract = tArrays[4];
 
	var nameCookieTitre    = "titre";
	var nameCookiePre      = "prenom";
	var nameCookieNom      = "nom";
	var nameCookieMail     = "mail";
	var nameCookieCtrct	   = "condition";
 
	var hWindow = window.open("formulaire.html");
	hWindow.document.forms["formUser"].elements["chListe"].value = valTitre;
	hWindow.document.forms["formUser"].elements["chPrenom"].value = valPrenom;
	hWindow.document.formUser.chNom.value = valNom;
	hWindow.document.formUser.chMail.value = valMail;
	hWindow.document.formUser.chCondition.checked = valContract;
}

formulaire.html

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
 
<body>
<form name="formUser" method="post" onsubmit="return setFormulaire(this);">
  <fieldset>
  <legend>Cookies</legend>
  <table>
  <tr>
  <td><label>Titre: </label></td>
  <td>
  <select name="chListe">
    <option value="mr" selected="selected">Mr.</option>
    <option value="mme">Mme.</option>
    <option value="mlle">Mlle.</option>
  </select>
  </td>
  </tr>
  <tr>
  <td><label>Pr&eacute;nom: </label></td>
  <td><input type="text" name="chPrenom" size="30" maxlength="80"/></td>
  </tr>
  <tr>
  <td><label>Nom: </label></td>
  <td><input type="text" name="chNom" size="30" maxlength="80" value="" /></td>
  </tr>
  <tr>
  <td><label>Mail: </label></td>
  <td><input type="text" name="chMail" size="30" maxlength="80" value="" /></td>
  </tr>
  <tr>
  <td><label>Acceptez les conditions: </label></td>
  <td><input type="checkbox" name="chCondition" value="oui" /></td>
  </tr>
  </table>
  </fieldset>
  <input id="btnSend" type="submit" value="Envoyer" />
</form>

page_1.html

Code:

1
2
3
4
5
6
7
8
9
 
<body>
	<div id="cadre">
	  <script type="text/javascript">
        getMotPolitesse();
      </script>
	</div>
    <input type="button" onclick="addFormulaire();" value="Mise &agrave; jour" />
</body>

Finalement j'ai enfin trouvé la solution.
Appele ce fonction dans la balise <body onload="addFormulaire();"> de la page formulaire.html. ;)

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
 
function addFormulaire()
{
	var tArrays = new Array();
	contenu = document.cookie;
 
	var listeCookies = contenu.split("; ");
	nombre = listeCookies.length;
 
	for(compteur=0;compteur<nombre;compteur++)
	{
		monCookie = listeCookies[compteur].split("=");
		tArrays[compteur] = unescape(monCookie[1]);
	}
 
	var valTitre = tArrays[0];
	var valPrenom = tArrays[1];
	var valNom = tArrays[2];
	var valMail = tArrays[3];
	var valContract = tArrays[4];
 
	var nameCookieTitre    = "titre";
	var nameCookiePre      = "prenom";
	var nameCookieNom      = "nom";
	var nameCookieMail     = "mail";
	var nameCookieCtrct	   = "condition";
 
	document.forms["formUser"].elements["chPrenom"].value = valPrenom;
	document.forms["formUser"].elements["chNom"].value = valNom;
	document.forms["formUser"].elements["chMail"].value = valMail;
}