Discussion :

[Arkante]

Bonjour,

J'ai décidé d'apprendre à programmer en javascript orienté vers l'ajax. Je suis sur ma première application et j'ai un gros soucis car si ca marche sous Firefox, Safari, Opera..., j'ai des beugs sous IE (pour ceux que ca étonne encore ).

Je vous mets mon code, n'hésitez pas à critiquer ce qui ne va pas si ma manière de programmer n'est pas correcte car je me lance dans le tas. Je mets pas le php qui génère le XML car c'est exécuté côté serveur donc indépendant du navigateur donc de mon problème (du moins je pense).

Le but de ce bout d'application est de filtrer via un input (onKeyUp="UpdateContactList(this.value)") une liste, donc je supprime celle qui existe et génère la nouvelle.

Mon bug est assez étrange, sous IE, si je tape "a" dans mon input rien ne se passe (enfin ca supprime mais ne génère rien), de même que " ", mais "j" me renvoie le bon résultat...

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
function UpdateContactList(filter){
    var xhr=null;
 
    if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); }							// FIREFOX
    else if (window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); }	// IE
 
    // Appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { ListContact(xhr); };
 
    // Suppression des contacts
    var Node = document.getElementById("List");
    while (Node.childNodes.length>0) { Node.removeChild(Node.firstChild); }
 
    // Appel du fichier reponse
    xhr.open("GET", "UpdateContactList.php?filter="+escape(filter), true);
    xhr.send(null);
}
 
function ListContact(xhr) {
	if (xhr.readyState==4) {
    	var docXML= xhr.responseXML;
		var name = docXML.getElementsByTagName("name");
		var surname = docXML.getElementsByTagName("surname");
		var number = docXML.getElementsByTagName("number");
		var ul = document.getElementById("List");
 
    	for (i=0;i<name.length+1;i++) {
			var li = document.createElement("li");
			if(i<name.length) {li.innerHTML = name.item(i).firstChild.data + " " + surname.item(i).firstChild.data;}
			// Une fois les x résultats affichés, on rajoute une ligne avec le nombre x de résultats
			else {li.innerHTML = number.item(0).firstChild.data; }
			ul.appendChild(li);
    	}
	}
}

Merci d'avance pour votre aide car je suis vraiment perdu.

[Capt. Flame]

Je test avec IE7 et je passe parfaitement dans ton code mais j'aurais besoin du xml généré par le serveur pour aller plus loins dans mon investigation.

Est-ce qu'il te serait possible de rendre disponnible le résultat des 3 xmls quand tu passe le paramètre "a", " " et "j".

[Arkante]

Salut et merci de prendre de ton temps pour m'aider. Voila comme tu l'as demandé les 3 xml (bidons) :

A

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
	<contactlist>
 
	<contact>
<id>1</id>
<name>Tom</name>
<surname>LAPIERRE</surname>
</contact>
 
	<contact>
<id>3</id>
<name>Fr�d�ric</name>
<surname>AZERTY</surname>
</contact>
 
	<contact>
<id>4</id>
<name>Jean</name>
<surname>LOPE</surname>
</contact>
 
	<contact>
<id>6</id>
<name>Chien</name>
<surname>ANIMAL</surname>
</contact>
 
	<contact>
<id>9</id>
<name>Aussi</name>
<surname>MORTEL</surname>
</contact>
<number>5</number>
</contactlist>

" "

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
<contactlist>
 
	<contact>
<id>1</id>
<name>Tom</name>
<surname>LAPIERRE</surname>
</contact>
 
	<contact>
<id>2</id>
<name>Yves</name>
<surname>TOU</surname>
</contact>
 
	<contact>
<id>3</id>
<name>Fr�d�ric</name>
<surname>AZERTY</surname>
</contact>
 
	<contact>
<id>4</id>
<name>Jean</name>
<surname>LOPE</surname>
</contact>
 
	<contact>
<id>6</id>
<name>Chien</name>
<surname>ANIMAL</surname>
</contact>
 
	<contact>
<id>8</id>
<name>Dj</name>
<surname>FG</surname>
</contact>
 
	<contact>
<id>9</id>
<name>Aussi</name>
<surname>MORTEL</surname>
</contact>
<number>7</number>
</contactlist>

"j"

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
<contactlist>
 
	<contact>
<id>4</id>
<name>Jean</name>
<surname>LOPE</surname>
</contact>
 
	<contact>
<id>8</id>
<name>Dj</name>
<surname>FG</surname>
</contact>
<number>2</number>
</contactlist>

[Capt. Flame]

Moi ça posse sous IE7. Est-ce que tu test avec IE6?

[Arkante]

Au temps pour moi, l'erreur vient de mes résultats XML en effet. Les résultats que je t'avaient donné correspondaient à ceux fournis par Firefox, sous IE il m'affichait une erreur de format non reconnu à cause de l'accent de "Frédéric".

Après correction des accents, miracle ca marche !

Merci pour ton temps