[AJAX] Utilisation AJAX avec IE

**Death83** · 30/06/2006, 12h30

Salut a tous,

j'ai un soucis sous IE pour plusieurs événement sous IE.

J'utilise la même feuille (AJAX.js) mais cette ligne sous IE ne fonctionne pas:

Code :

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

<select name="Zone" OnChange="go(this.value,\'affselectzone\',\'affselecttypeverif\',\'../AJAX/selectzonecritdvd.php?zone=\');" >

Alors que celle là fonctionne:

Code :

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

<input type="text" name="rechanime" id="rechanime" class="inputmoyen" onkeyup="go(document.getElementById(\'rechanime\').value,\'affrechanime\',\'\',\'../AJAX/rechercheanime6.php?'.$dvdassoc.'motcle=\');">

(les \ c'est parceque ces ligne sont dans des echo '' php.)
(sinon les 2 lignes fontcionne sous mozilla et netscape)

Avez vous une idée?

SI vous voulez je peut vous donner la fonction go() (elle est assez longue alors je préfère par la mettre si il n'a ya pas besoin).

**KiLVaiDeN** · 30/06/2006, 12h32

Salut,

Quand tu dis qu'elle ne fonctionne pas : ça te met quoi comme erreur ?

**Death83** · 30/06/2006, 12h35

Rien ne se passe et ca me met error on page dans la barre en bas du navigateur.

**KiLVaiDeN** · 30/06/2006, 12h36

Tu peux double cliquer dessus pour avoir une description de l'erreur.

**Death83** · 30/06/2006, 14h05

Il me met &galement une erreur pour cette ligne:

Code :

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

<td class="recherchealfa2" onClick="liens('accueilmanga.php?search1=C')" onMouseOver="this.className='recherchealfaon';" onMouseOut="this.className='recherchealfa2';"><a href="accueilmanga.php?search1=C">C</a></td>

il repond: erreur d'execution inconnu

.

Il n'y aurai pas un problème avec le pointeur this avec ie par hasard?

**KiLVaiDeN** · 30/06/2006, 14h21

quand tu fais "this.className" tu vises le TD ?

Code :

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

1
2
3
4
// Pour IE
this.setAttribute("className","uneClasse");
// Pour les autres
this.setAttribute("class","uneClasse");

**Death83** · 30/06/2006, 14h25

En fait cette ligne marche, la correspondance de la ligne renvoyé est fausse. Ca correpon pas à l'endroit ou je clique.

pour pouvoir peut etre nous aider j'ai 2 autres lignes, une qui marche sous IE et l'autre pas:

Celle qui marche:

Code :

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

onkeyup="go(document.getElementById(\'moteur\').value,\'afftab\',\'afftab2\',\'../AJAX/accueilmanga.php?motcle=\');"

Celle qui marche pas:

Code :

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

onClick="go(\''.$Titre[$i].'\',\'afftome'.$id[$i].'\',\'rien\',\'../AJAX/accueilmanga2.php?titre=\');"

Peut etre qu'en retrouvant les point commun on pourra trouver.

**KiLVaiDeN** · 30/06/2006, 14h30

Question : pourquoi afficher le code PHP ?
Etant donné qu'il s'agit d'un problème Javascript, donc coté client, il serait préférable d'analyser le code source généré

**Death83** · 30/06/2006, 14h31

Envoyé par KiLVaiDeN

Question : pourquoi afficher le code PHP ?
Etant donné qu'il s'agit d'un problème Javascript, donc coté client, il serait préférable d'analyser le code source généré

Oui mais comment tu fais pour récupérer du code source générer en AJAX? Car la ligne qui marche pas est elle même généré par ajax (avec la ligne qui marche au dessus d'ailleurs).

**KiLVaiDeN** · 30/06/2006, 14h34

Et bien au lieu d'afficher ce qu'Ajax te retourne, tu le mets dans un textarea

**Death83** · 30/06/2006, 14h41

Code :

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

onClick="go('Alice19th','afftome31','rien','../AJAX/accueilmanga2.php?titre=');"

voilà ce que ca me donne pour la ligne qui marche pas

**KiLVaiDeN** · 30/06/2006, 14h45

Donc là, les paramètres sont bons à priori, au premier coup d'oeil;

Donc il faut regarder la fonction go

**Death83** · 30/06/2006, 14h47

J'attendais que tu me le demande ^^.

la voici:

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
 
var xhr = null; 
function getXhr()
{
	if(window.XMLHttpRequest) // Firefox et autres
		xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject)
	{ // Internet Explorer 
		try 
		{
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} 
		catch (e) 
		{
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	else 
	{ // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		xhr = false; 
	} 
}
function go(envoi,idcible,idcibleeff,page_ajax)
{
	getXhr()
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function()
	{ 
				if (xhr.readyState != 4 && envoi!='')  
				{
					switch(idcibleeff)
					{
						case 'rien':
							document.getElementById(idcible).innerHTML='<td colspan=2 class="aligncenter">Chargement...</td>';
						break;
						case 'rien2':
						break;
						case 'dragndrop':
						break;
						default:	
							document.getElementById(idcible).innerHTML='<div class="chargement">Chargement...</div>';
						break;
					}
			    }
				else
				{
 
				}
 
			// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
			if(xhr.readyState == 4 && xhr.status == 200)
			{	
					text_renv = xhr.responseText;
					if(envoi!='')
					{
 
							//cas ou il faut effacer un element
							document.getElementById(idcible).innerHTML=text_renv;
							if(idcibleeff!='rien')
							{
								document.getElementById(idcibleeff).innerHTML='';
							}
							else
							{
								/* if(vide==1)
								{
									alert('remplie');
								} */
							}
 
					}
			}
 
	}	
 
	xhr.open("GET",page_ajax+escape(envoi),true);
	//xhr.open("GET",page_ajax+envoi,true);                      ca si la fonction deconne
	xhr.send(null); 
}

Ce qu'est bizarre c'est quelle marche très ben pour FF et netscape, mais aussi sous IE (enfin pas pour tout les appels).

**Death83** · 30/06/2006, 15h22

J'arrive vraiment pas à trouver le problème. C'est vraiment mysqtique comme truc

.

**FremyCompany** · 30/06/2006, 16h16

Problème déjà rencontré et déjà corrigé, si il s'agit de ce que je pense...
Je sais pas ou vous trouvez ce code mais il est FAUX !!!
Lol, si vous pouviez écrire au site chez qui vous trouvez le code...
Ca évitera sans doute à bien d'autres d'avoir le même pb

Code corrigé :

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
 
function getXhr()
{
	var xhr=null;
	if(window.XMLHttpRequest) // Firefox et autres
		xhr =new XMLHttpRequest(); 
	else if(window.ActiveXObject)
	{ // Internet Explorer 
		try 
		{
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} 
		catch (e) 
		{
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	else 
	{ // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		xhr = false; 
	} 
	return xhr;
}
function go(envoi,idcible,idcibleeff,page_ajax)
{
	var xhr = getXhr()
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function()
	{ 
				if (this.readyState != 4 && envoi!='')  
				{
					switch(idcibleeff)
					{
						case 'rien':
							document.getElementById(idcible).innerHTML='<td colspan=2 class="aligncenter">Chargement...</td>';
						break;
						case 'rien2':
						break;
						case 'dragndrop':
						break;
						default:	
							document.getElementById(idcible).innerHTML='<div class="chargement">Chargement...</div>';
						break;
					}
			    }
				else
				{
 
				}
 
			// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
			if(this.readyState == 4 && this.status == 200)
			{	
					text_renv = this.responseText;
					if(envoi!='')
					{
 
							//cas ou il faut effacer un element
							document.getElementById(idcible).innerHTML=text_renv;
							if(idcibleeff!='rien')
							{
								document.getElementById(idcibleeff).innerHTML='';
							}
							else
							{
								/* if(vide==1)
								{
									alert('remplie');
								} */
							}
 
					}
			}
 
	}	
 
	xhr.open("GET",page_ajax+escape(envoi),true);
	//xhr.open("GET",page_ajax+envoi,true);                      ca si la fonction deconne
	xhr.send(null); 
}

**Bruno2000** · 30/06/2006, 16h27

IE est sensible à la case du"onclick" .il ne faut le cder onClick ou OnClick mais bien 'onclick"

C'est peut-être simplement ca

**FremyCompany** · 30/06/2006, 16h29

Envoyé par Bruno2000

IE est sensible à la case du"onclick" .il ne faut le cder onClick ou OnClick mais bien 'onclick"

C'est peut-être simplement ca

Je ne crois pas... Mais ta remarque est pertinante, un attribut HTML doit tjrs être en minuscule... Même pour un event !

**KiLVaiDeN** · 30/06/2006, 16h49

Au fait, pourquoi ne pas déclarer le xhr en global ? Ainsi ça éviterait son instantiation à chaque fois non ?

**FremyCompany** · 30/06/2006, 17h00

Envoyé par KiLVaiDeN

Au fait, pourquoi ne pas déclarer le xhr en global ? Ainsi ça éviterait son instantiation à chaque fois non ?

Parcequ'un même objet ne peut realiser qu'une seule requete, surtout si une requet est déjà en cours (dans ce cas, tu as collusion entre l'ancienne et la nouvelle)

**Death83** · 30/06/2006, 17h16

Merci je vais essayer, sinon ce code est dérivé du tuto ajax de ce site lol.

[AJAX] Utilisation AJAX avec IE

JavaScript

Discussions similaires

Partager

Partager