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