[AJAX] Erreur sous IE

**Mathieu92130** · 17/11/2009, 11h04

Bonjour,

Dans le cadre d'un formulaire de contact, qui fonctionne sous firefox, j'ai un souci sous IE que je n'arrive à résoudre.
Peut être saurez vous me venir en aide. Voici le code, sachant que l'erreur selon le déboggeur est ligne 24:

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
 
function ajax()
{
	var xhr = null; 
	if(window.XMLHttpRequest)
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){
	   try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
	}
	else {
	   alert("Votre navigateur ne supporte pas certains objets Javascript..."); 
	   xhr = false; 
	} 
	return xhr;
}
 
function getFields(form)
{
   var url='';
 
   formulaire = document.getElementById(form);
 
   for (i=0; i<formulaire.elements.length; i++)
   {
       if(((formulaire.elements[i].type=='radio' || formulaire.elements[i].type=='checkbox') && formulaire.elements[i].checked==true) || (formulaire.elements[i].type!='radio' && formulaire.elements[i].type!='checkbox'))
       {
   			if(formulaire.elements[i].type=='select-multiple' || formulaire.elements[i].type=='select' ) 
		   {
    			for(j = formulaire.elements[i].length-1; j >= 0; j-=1)
       			{
          			if(formulaire.elements[i].options[j].selected)
             		{
             			if(url)
             			{
             				url+='&';
             			}
           				url+=formulaire.elements[i].name+'='+formulaire.elements[i].options[j].value;
             		}
     			}
   			}
   			if(url)
   			{
   				url+='&';
   			}
  			 if(formulaire.elements[i].type!='select-multiple')
  			 {
  			 	url+=formulaire.elements[i].name+'='+formulaire.elements[i].value;
  			 }
 		}
	}
 
	return url;
}

Merci par avance pour votre aide

**E.Bzz** · 17/11/2009, 11h14

Bonjour,
il faudrait également le code HTML du formulaire ...

Sinon, c'est laquelle la ligne 24 ?

A+

**Mathieu92130** · 17/11/2009, 11h17

Voici le code 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
37
38
39
40
41
42
43
 
<form id="formpage" method="post" action="#">
		<input type="hidden" name="page" id="page" value="<?=$template	->	pageTitle;?>" />
		<input type="hidden" name="pageid" id="pageid" value="<?=$template	->	pageID;?>" />
		<table width="100%" class="borderbottom" cellspacing="0" cellpadding="0">
			<tr>
				<th colspan="1">Nous adresser votre message</th>
			</tr>
			<tr>
				<td colspan="1">&nbsp;</td>
			</tr>
			<tr valign="top">
				<td>
					<table width="100%" cellspacing="3" cellpadding="5">
						<tr>
							<td><label for="nom">Nom *:</label></td>
							<td><input type="text" name="nom" id="nom" /></td>
						</tr>
						<tr>
							<td><label for="email">E-Mail *:</label></td>
							<td><input type="text" name="email" id="email" /></td>
						</tr>
						<tr>
							<td><label for="tel">T&eacute;l&eacute;phone *:</label></td>
							<td><input type="text" name="tel" id="tel" /></td>
						</tr>
						<tr>
							<td colspan="2"><label for="msg">Votre message *:</label></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td colspan="1" ><textarea name="msg" id="msg" rows="6" cols="40"></textarea></td>
			</tr>
			<tr>
				<td colspan="1" >&nbsp;</td>
			</tr>
		</table>
		<p class="right"><i>* champs obligatoires</i></p>
		<p class="center" id="formloading"></p>
		<p class="center"><input type="button" id="submit" name="submit" value="Envoyer" onclick="contact()" /></p>
	</form>

quant à la ligne 24, il s'agit de:
formulaire = document.getElementById(form);

Voili voilou

**Mathieu92130** · 17/11/2009, 11h23

J'ai copié le message d'erreur, ça pourra sûrement aider:

Webpage error details
Message: Object doesn't support this property or method
Line: 24
Char: 4
Code: 0
URI: http://www.***.fr/_JS/ajax.js

**E.Bzz** · 17/11/2009, 11h31

Comme par la suite tu utilises la syntaxe de la collection "forms", , il faut commencer dès le début => essaye en remplaçant

Code :

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

formulaire = document.getElementById(form);

par

Code :

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

formulaire = document.forms[form];

Par contre, il faut aussi que tu définisses un name pour ton form. C'est ce name que tu dois utiliser dans la fonction (donc lui passer en paramètre).
Si c'est bien ça, l'erreur était en fait à la ligne suivante car cette syntaxe isolée (avec l'id) est correcte.

Sinon, essaye de ne pas utiliser comme identifiant des mot réservés du langage (ici form)

EDIT : voir l'appel de la fonction aurait aidé aussi

A+

**Mathieu92130** · 17/11/2009, 11h43

Merci pour tes pistes.
J'ai essayé mais tjrs le même souci. Je continue mes recherches

**E.Bzz** · 17/11/2009, 12h08

Envoyé par E.Bzz

EDIT : voir l'appel de la fonction aurait aidé aussi

**Mathieu92130** · 17/11/2009, 12h11

Je n'avais pas fait attention à la fin de ton message.

Voici le fichier JS pour l'appel de finction

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
 
var URL 	= 'http://***'													;
var LOADER 	= '<img src="'+URL+'/_IMG/loading.gif" width="16" height="16" alt="Loading..." />'	;
var VERIF	=	'V\351rifications en cours...'													;
 
function popup(message)
{
	document.getElementById('message').innerHTML=message		;
	document.getElementById('popup').style.display='block'		;
	document.getElementById('inpopup').style.display='block'	;
}
 
function closepopup()
{
	document.getElementById('popup').style.display='none'	;
	document.getElementById('inpopup').style.display='none'	;
}
 
function contact(page)
{
	document.getElementById('submit').value=VERIF		;
	document.getElementById('submit').disabled=true								;
	document.getElementById('formloading').innerHTML=LOADER						;
 
	var xhr 		= 	ajax()													;
	xhr.onreadystatechange = function()
	{
		if (xhr.readyState == 4 && xhr.status == 200)
		{
			result	=	xhr.responseText.split('|')	;
			if (result[0] == '1')
			{
				document.getElementById('formpage').style.display='none'	;
				popup(''+result[1]+'')										;	
			}
			else
			{
				msgerror	=	''					;
				nberrors	=	result.length		;
 
				for (xi=1; xi<nberrors; xi++)
				{
					xerror	=	result[xi].split('#')								;
					msgerror	=	msgerror+'<p>'+xerror[1]+'</p>'					;
					$('#'+xerror[0]).effect("highlight", { color: '#e3b5c5'}, 5000)	;
				}
 
				popup(''+msgerror+'')										;
				document.getElementById('submit').value="Envoyer"			;
				document.getElementById('submit').disabled=false			;
				document.getElementById('formloading').innerHTML=''			;
			}
		}
	}
 
	mypost	=	function()
	{
		xhr.open('POST', URL+'/_PHP/post-contact.php', true)						;
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')	;
		xhr.send(getFields('formpage'))												;
	}
 
	setTimeout('mypost()', 1000)	;
}

**E.Bzz** · 17/11/2009, 12h18

On peut voir la version modifiée (HTML + JS) ?

Sinon, pour voir s'il reconnait ton form, ajoute

Code :

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

1
2
3
4
5
6
function getFields(form)
{
   var url='';
   
   formulaire = document.forms[form];
   alert(formulaire.elements.length);

S'il te sort le bon nombre d'éléments, c'est que l'erreur doit venir d'ailleurs ...

A+

**Mathieu92130** · 17/11/2009, 12h28

Il ne me sort carrément rien, toujours la même erreur. Les joies du débutant s'abattent sur moi

Je prépare l'html + js ...

**Bovino** · 17/11/2009, 13h23

Salut.

form est un nom de paramètre mal choisi car c'est aussi un nom de propriété d'éléments de formulaires en JavaScript.
Commence peut-être par changer ça !

**E.Bzz** · 17/11/2009, 13h48

Envoyé par E.Bzz

Sinon, essaye de ne pas utiliser comme identifiant des mot réservés du langage (ici form)

+2 donc, si ce n'est toujours pas modifié ...

A+

**Mathieu92130** · 17/11/2009, 14h20

Alors la pause déjeuner m'a remonté et la solution est trouvée

Il me fallait préciser la déclaration de variable pour le formulaire:

Code :

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

1
2
3
4
5
 
function getFields(form)
{
   var url='';
   var formulaire = document.forms[form];

Et effectivement, je modifie tout de suite le nom pour éviter de prendre le terme 'form' réservé.

Merci pour votre rapidité,
Bonne journée

[AJAX] Erreur sous IE

AJAX

Discussions similaires

Partager

Partager