[AJAX] Erreur sous IE

Version imprimable

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:

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

17/11/2009, 11h14
E.Bzz

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

Sinon, c'est laquelle la ligne 24 ? :aie:

A+

Voici le code 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
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 :)

17/11/2009, 11h23
Mathieu92130

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
17/11/2009, 11h31
E.Bzz

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:

formulaire = document.getElementById(form);

par

Code:

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

A+
17/11/2009, 11h43
Mathieu92130

Merci pour tes pistes.
J'ai essayé mais tjrs le même souci. Je continue mes recherches :)
17/11/2009, 12h08
E.Bzz

Citation:

Envoyé par E.Bzz

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

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

Voici le fichier JS pour l'appel de finction

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

17/11/2009, 12h18
E.Bzz
On peut voir la version modifiée (HTML + JS) ?

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

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+
17/11/2009, 12h28
Mathieu92130

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 ...
17/11/2009, 13h23
Bovino

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 !
17/11/2009, 13h48
E.Bzz

Citation:

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+
17/11/2009, 14h20
Mathieu92130
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:

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