Erreur insertion de donnee dans un champ formulaire

**FITRI** · 18/01/2010, 14h59

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 :

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

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

afficherForm.html

Code :

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

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

script.js

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.

**emmanuel.remy** · 18/01/2010, 15h26

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

**FITRI** · 18/01/2010, 16h24

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 :

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
 
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

**emmanuel.remy** · 18/01/2010, 16h32

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

Code :

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

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

Non ?

ERE

**E.Bzz** · 18/01/2010, 16h33

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

Code :

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

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

A+

**emmanuel.remy** · 18/01/2010, 16h35

@E.Bzz: on peut pas dire qu'on n'est pas sur la même longueur d'onde !

**FITRI** · 18/01/2010, 17h08

Envoyé par emmanuel.remy

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

Code :

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

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.

**emmanuel.remy** · 18/01/2010, 17h24

Je viens de tester et cela marche bien dans FF

ERE

**FITRI** · 18/01/2010, 19h57

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

**emmanuel.remy** · 18/01/2010, 20h45

Re,

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

ERE

**FITRI** · 18/01/2010, 22h31

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 :

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

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 :

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
 
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 :

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
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 :

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
 
<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 :

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

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>

**FITRI** · 21/01/2010, 14h49

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

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
 
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;
}

Erreur insertion de donnee dans un champ formulaire

JavaScript

Discussions similaires

Partager

Partager