[AJAX] Utilisation AJAX avec IE

Version imprimable

Voir 40 message(s) de cette discussion en une page

30/06/2006, 12h30
Death83

[AJAX] Utilisation AJAX avec IE

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:

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

Alors que celle là fonctionne:

Code:

<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).
30/06/2006, 12h32
KiLVaiDeN

Salut,

Quand tu dis qu'elle ne fonctionne pas : ça te met quoi comme erreur ?
30/06/2006, 12h35
Death83

Rien ne se passe et ca me met error on page dans la barre en bas du navigateur.
30/06/2006, 12h36
KiLVaiDeN

Tu peux double cliquer dessus pour avoir une description de l'erreur.
30/06/2006, 14h05
Death83

Il me met &galement une erreur pour cette ligne:

Code:

<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?

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

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

30/06/2006, 14h25
Death83

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:

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

Celle qui marche pas:

Code:

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

Peut etre qu'en retrouvant les point commun on pourra trouver.
30/06/2006, 14h30
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é :aie:
30/06/2006, 14h31
Death83

Citation:

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é :aie:

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).
30/06/2006, 14h34
KiLVaiDeN

Et bien au lieu d'afficher ce qu'Ajax te retourne, tu le mets dans un textarea :)
30/06/2006, 14h41
Death83

Code:

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

voilà ce que ca me donne pour la ligne qui marche pas
30/06/2006, 14h45
KiLVaiDeN

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

Donc il faut regarder la fonction go :)

J'attendais que tu me le demande ^^.

la voici:

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

30/06/2006, 15h22
Death83

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

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:

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

30/06/2006, 16h27
Bruno2000

Attention a la case

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

C'est peut-être simplement ca :D
30/06/2006, 16h29
FremyCompany

Citation:

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

Je ne crois pas... Mais ta remarque est pertinante, un attribut HTML doit tjrs être en minuscule... Même pour un event !
30/06/2006, 16h49
KiLVaiDeN

Au fait, pourquoi ne pas déclarer le xhr en global ? Ainsi ça éviterait son instantiation à chaque fois non ? :)
30/06/2006, 17h00
FremyCompany

Citation:

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)
30/06/2006, 17h16
Death83

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

Voir 40 message(s) de cette discussion en une page