[AJAX] XMLHttpRequest sous internet exploreur 7

**dallas62** · 28/03/2009, 23h48

Bonjour je cherche a réactualisé la parti de mon site mais impossible de le faire tourné sous l'explorer Windaube (IE7).
j'ai déjà utiliser se code pour un autre site sans problème (même sous IE6 et +).

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
<script type="text/javascript">
                //<![CDATA[
                function afficher_d()
                {
					if(window.XMLHttpRequest)
					xhr_object_d = 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 les objets XMLHTTPRequest...");return(false);} 
					xhr_object_d.open("GET", "index.php?page_opt=friendslist", false);
					xhr_object_d.send(null);
					if(xhr_object_d.readyState == 4 || xhr_object_d.readyState == 'complete')
					{
						document.getElementById('friends').innerHTML = xhr_object_d.responseText;
					}
					else
					{
						document.getElementById('friends').innerHTML = 'Failed to connect';
					}
				}
				window.onload = afficher_d;
				setInterval("afficher_d()",7500);
				//]]>
</script>
 
 
<div id='friends'></div>

je tiens a précisé qu'il marche trés bien sous FireFox 3.0 et 1.5

le XMLHttpRequest récupère du HTML avec balise pour tableau (<table><tr><th></th></tr></table>) et IE n'affiche rien.
les deux code HTML que j'ai tester reçu par xhr_object_d.responseText (normalement):

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>My WebSite</title>
	<meta http-equiv="content-type" content="text/html;iso-8859-1" />
	<link REL='stylesheet' HREF='./css/styles.css' TYPE='text/css'>
	<link rel="shortcut icon" href="./Images/favicon.ico">
	<script type="text/javascript" src='./js/scripts.js'></script>
</head>
<body>
<table width='100%'>
<tr>
	<th>
	Texte
	</th>
</tr>
</table>
</body>
</html>

et

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<body>
<table width='100%'>
<tr>
	<th>
	Texte
	</th>
</tr>
</table>
</body>

**Bovino** · 29/03/2009, 09h57

C'est un problème de cache je suppose, c'est expliqué dans la FAQ

**dallas62** · 29/03/2009, 13h49

malheureusement je crois pas ...
j'ai déjà pensé à cette éventualité, le php contient sa aux premiéres lignes :

Code :

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

1
2
3
4
5
6
7
<?php
header("Cache-Control: no-cache, must-revalidate");
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
if(!isset($_SESSION['session_id']))
{
	echo '<script type="text/javascript" >window.close();</script>';
}

de plus j'utilise ccleaner pour vider le cache, historique, sessions et autres ...
et il reçoit bien la page car lors se que l'on se déconnecte du site la fenêtre qui appelle friendlist.php se ferme bien
mais rien ne s'affiche....

EDIT:

je viens de modifier mes pages comme indiquer dans la FAQ mais même résultat
rajout de :

Code :

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

xhr_object_d.setRequestHeader("Cache-Control","no-cache");

et modification php :

Code :

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

1
2
3
4
5
6
7
8
9
10
<?php
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
if(!isset($_SESSION['session_id']))
{
	echo '<script type="text/javascript" >window.close();</script>';
}

REEDIT xD:

Code :

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

xhr_object_d.setRequestHeader("Cache-Control","no-cache");

fait bugger FF donc je l'ai enlevé ^^

**emmanuel.remy** · 29/03/2009, 17h27

Salut,

Ta portion de code:

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>My WebSite</title>
	<meta http-equiv="content-type" content="text/html;iso-8859-1" />
	<link REL='stylesheet' HREF='./css/styles.css' TYPE='text/css'>
	<link rel="shortcut icon" href="./Images/favicon.ico">
	<script type="text/javascript" src='./js/scripts.js'></script>
</head>
<body>
<table width='100%'>
<tr>
	<th>
	Texte
	</th>
</tr>
</table>
</body>
</html>

renvoie ni plus ni moins que 9 erreurs et 2 warnings sur la validation...

Quant à insérer:

Code :

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

1
2
3
4
5
6
7
8
9
<body>
<table width='100%'>
<tr>
	<th>
	Texte
	</th>
</tr>
</table>
</body>

dans une balise div, tu ne passes même pas une validation de type HTML 4.01 Transitional.

Alors avant de parler un peu trop facilement de "windaube" IE7 (et pourtant je n'en suis pas un fervent supporter), commence par reprendre ton code. Parce que en matière de daube, il y a de la concurrence. Un peu trop facile de prendre en permanence le raccourci de "windaube"...

Et pour le cache tu peux générer un id unique que tu joins sous forme de paramètre à ta requête.

ERE

**dallas62** · 29/03/2009, 18h27

dans une balise div, tu ne passes même pas une validation de type HTML 4.01 Transitional.

même comme ça sa ne marche pas :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table width='100%'>
<tr>
	<th>
	Texte
	</th>
</tr>
</table>
</body>
</html>

et même sa :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<head>
<meta http-equiv="content-type" content="text/html;iso-8859-1">
<link rel="stylesheet" href="css/exploreur.css" type="text/css">
  <SCRIPT type="text/javascript" src='js/filemanager.js'></script>
  <script type="text/javascript" src="js/menu_contextuel_lib.js"></script>
  <link REL='stylesheet' HREF='css/tstyles.css' TYPE='text/css' \></head>
  <table width="500">
<?php
...
?>
</table>

fonctionner sous IE alors pourquoi maintenant sa ne marche pas ??

**emmanuel.remy** · 29/03/2009, 18h36

dallas62, que reçois tu exactement comme code sur ton appel AJAX:
ça ?

Code :

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

1
2
3
4
5
6
7
8
9
<body>
<table width='100%'>
<tr>
	<th>
	Texte
	</th>
</tr>
</table>
</body>

ou ça ?

Code :

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

1
2
3
4
5
6
7
<table width='100%'>
<tr>
	<th>
	Texte
	</th>
</tr>
</table>

ERE

**dallas62** · 29/03/2009, 18h42

j'en ai essayé plusieurs mais la il reçoit :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table width='100%'>
<tr>
	<th>
	Vous n'avez pas encore d'ami
	</th>
</tr>
</table>
</body>
</html>

ou ça selon s'il a des amis

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table width='100%'>
<tr>
	<th>
		admin
	</th>
	<th>
		Hors ligne
	</th>
	<th>
 
		Hors ligne
	</th>
</tr>
 
</table>
</body>
</html>

aucun des 2 s'affiche sous IE

mais le texte change selon la langue choisit (en,fr)

**emmanuel.remy** · 29/03/2009, 21h50

Si tu reçois ce genre de code, comment peux tu sincèrement le coller dans une balise DIV sans le nettoyer avant ?

Une balise div ne peut pas contenir de body.

Et ce n'est pas un problème de "windaube" ou autre comme tu l'écris, c'est avant tout un problème de HTML. Si après cela tu constates un souci, alors on pourra investiguer.

ERE

**dallas62** · 03/04/2009, 21h44

Désolé j'étais absent mais même en recevant sans les body :

Code :

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

1
2
3
4
5
6
7
<table width='100%'>
<tr>
	<th>
	Vous n'avez pas encore d'ami
	</th>
</tr>
</table>

IE ne l'affiche toujours pas je trouve vraiment cette erreur bizarre!!
même en supprimant le cache

EDIT

FireBug

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
 
Réponse
Date	
 
Fri, 03 Apr 2009 20:34:20 GMT
 
Server	
 
Apache/2.2.11 (Win32) PHP/5.2.8
 
X-Powered-By	
 
PHP/5.2.8
 
Expires	
 
Mon, 26 Jul 1997 05:00:00 GMT
 
Cache-Control	
 
no-store, no-cache, must-revalidate, post-check=0, pre-check=0
 
Pragma	
 
no-cache
 
Last-Modified	
 
Fri, 03 Apr 2009 20:34:20 GMT
 
Content-Length	
 
89
 
Keep-Alive	
 
timeout=5, max=100
 
Connection	
 
Keep-Alive
 
Content-Type	
 
text/html

Code :

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

1
2
3
4
5
6
7
8
9
 
Réponse :
<table width='100%'>
<tr>
	<th>
	Vous n'avez pas encore d'ami
	</th>
</tr>
</table>

**Bovino** · 04/04/2009, 08h35

Code :

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

if(xhr_object_d.readyState == 4 || xhr_object_d.readyState == 'complete')

Le readyState est sensé être le code d'état de la requête... 'complete' n'est pas une valeur reconnue, pourquoi ne pas passer par les valeurs standards !

Code :

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

if(xhr_object_d.readyState == 4 && xhr_object_d.status== 200)

**dallas62** · 04/04/2009, 12h04

j'ai essayé mais sa n'affiche toujours rien sous IE :

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
<script type="text/javascript">
	//<![CDATA[
                function afficher_d()
                {
					if(window.XMLHttpRequest)
					xhr_object_d = 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 les objets XMLHTTPRequest...");return(false);}
					xhr_object_d.open("GET", "index.php?page_opt=friendslist", false);
					xhr_object_d.send(null);
					if(xhr_object_d.readyState == 4 && xhr_object_d.status== 200)
					{
						document.getElementById('friends').innerHTML = xhr_object_d.responseText;
					}
					else
					{
						document.getElementById('friends').innerHTML = 'Failed to connect';
					}
				}
				window.onload = afficher_d;
				setInterval("afficher_d()",7500);
				//]]>
</script>

**Bovino** · 04/04/2009, 13h18

Et tu testes quand le changement de readyState ???

Code :

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

1
2
3
4
5
6
7
8
xhr_object_d.onreadystatechange = function(){
    if(xhr_object_d.readyState == 4 && xhr_object_d.status== 200){
	document.getElementById('friends').innerHTML = xhr_object_d.responseText;
    }
    else{
	document.getElementById('friends').innerHTML = 'Failed to connect';
    }
}

**dallas62** · 04/04/2009, 14h29

toujours pas .... même plus sous FF mais il faut le mettre avant .open(); ??

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
<script type="text/javascript">
	//<![CDATA[
         function afficher_d()
            {
			if(window.XMLHttpRequest)
			xhr_object_d = new XMLHttpRequest();
			else if(window.ActiveXObject) {
				try 
				{
					xhr_object_d = new ActiveXObject("Msxml2.XMLHTTP");
				}
				catch (e) 
				{
					xhr_object_d = new ActiveXObject("Microsoft.XMLHTTP");
				}
			}
			else {alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");return(false);}
			xhr_object_d.onreadystatechange = function(){
				if(xhr_object_d.readyState == 4 && xhr_object_d.status== 200){
					document.getElementById('friends').innerHTML = xhr_object_d.responseText;
				}
				else{
					document.getElementById('friends').innerHTML = 'Failed to connect';
				}
			}
			xhr_object_d.open("GET", "index.php?page_opt=friendslist", false);
			xhr_object_d.send(null);
 
		}
		window.onload = afficher_d;
		setInterval("afficher_d()",7500);
		//]]>
</script>

j'ai aussi retrouvé un autre problème dans mon code avec xhr_object_d = new
j'avais mis xhr = new

**dallas62** · 19/04/2009, 01h42

Bonjour je viens de modifier mon code de nouveau et toujours la même erreur ...

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
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<script type="text/javascript">
	//<![CDATA[
		function xhr()
		{
			if (window.XMLHttpRequest)
			{
				return new XMLHttpRequest();
			}
			else
			{
				if (window.ActiveXObject)
				{
					var names = [
						"Msxml2.XMLHTTP.6.0",
						"Msxml2.XMLHTTP.3.0",
						"Msxml2.XMLHTTP",
						"Microsoft.XMLHTTP"
					];
					for(var i in names)
					{
						try{ return new ActiveXObject(names[i]); }
						catch(e){}
					}
				}
				else {alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");return(false);}
			}
		}
        function friendlist()
        {
			httpRequest = xhr();
			httpRequest.open("GET", "http://127.0.0.1/eventworld/index.php?page_opt=friendslist", true);
			httpRequest.onreadystatechange = function()
			{
				if (httpRequest.readyState == 4 && httpRequest.status == 200) 
				{
					document.getElementById("friends").innerHTML = httpRequest.responseText;
				}
			}	
			httpRequest.send(null);			
		}
		window.onload = friendlist;
		setInterval("friendlist()",7500);
		//]]>
</script>

il reçoit toujours les même infos ...
en me renseignant un peu le bug viendrait du innerHTML qui bug sous IE
car alert("je suis ici");
fonctionne si placer au dessu de document.getElementById("friends").innerHTML = httpRequest.responseText;
mais ne s'affiche pas si je le mes en dessus.
Quelqu'un aurais une solution face a se bug IE ??

**Bovino** · 19/04/2009, 04h09

en me renseignant un peu le bug viendrait du innerHTML qui bug sous IE

Non, innerHTML fonctionne parfaitement avec IE.
En revanche, "friends" est bien un id et unique dans la page ?

**dallas62** · 19/04/2009, 13h05

oui

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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<html xmlns="http://www.w3.org/1999/xhtml"><head>


	<title>The Event World - Pré-Alpha</title>
	<meta http-equiv="content-type" content="text/html;iso-8859-1">
	<meta name="ROBOTS" content="INDEX, FOLLOW, ALL">
	<meta name="Author" content="Dallas62">
	<meta name="distribution" content="global">
	<meta name="REVISIT-AFTER" content="2month">
	<link rel="stylesheet" href="./css/styles.css" type="text/css">
	<link rel="shortcut icon" href="./Images/favicon.ico">
	<script type="text/javascript" src="./js/scripts.js"></script>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<script type="text/javascript">
	//<![CDATA[
		function xhr()
		{
			if (window.XMLHttpRequest)
			{
				return new XMLHttpRequest();
			}
			else
			{
				if (window.ActiveXObject)
				{
					var names = [
						"Msxml2.XMLHTTP.6.0",
						"Msxml2.XMLHTTP.3.0",
						"Msxml2.XMLHTTP",
						"Microsoft.XMLHTTP"
					];
					for(var i in names)
					{
						try{ return new ActiveXObject(names[i]); }
						catch(e){}
					}
				}
				else {alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");return(false);}
			}
		}
        function friendlist()
        {
			httpRequest = xhr();
			httpRequest.open("GET", "http://127.0.0.1/eventworld/index.php?page_opt=friendslist", true);
			httpRequest.onreadystatechange = function()
			{
				if (httpRequest.readyState == 4 && httpRequest.status == 200) 
				{
					document.getElementById("friends").innerHTML = httpRequest.responseText;
				}
			}	
			httpRequest.send(null);			
		}
		window.onload = friendlist;
		setInterval("friendlist()",7500);
		//]]>
</script>
</head><div FirebugVersion="1.3.3" style="display: none;" id="_firebugConsole"></div><body bgcolor="#b38d57">
<table width="100%">

<form method="post" action="#"></form>
<tbody><tr>
<th>
Pseudo : dallas62 ( statut : 
<select name="statut" onchange="submit();">
<option value="1" selected="selected">En ligne</option>
<option value="2">Hors ligne</option>
<option value="3">Absent</option>
</select>)
</th>
</tr>
<tr>
<th>
Ajouter un ami : <input name="aj_friend" size="11" type="text"><input value="Ajouter" type="submit">

</th>
</tr>

<tr>
<th>
<div id="friends"><table width="100%">
<tbody><tr>
	<th>
		admin
	</th>
	<th>
		Hors ligne
	</th>

	<th>
		Hors ligne
	</th>
</tr>

</tbody></table></div>
<table width="100%">
</table>
</th>
</tr>
</tbody></table>
</body></html>

mais le script s'arrête au niveau de :
document.getElementById("friends").innerHTML = httpRequest.responseText;
sous IE

EDIT:

IE reçoit bien les sources
j'ai vérifié avec : alert(httpRequest.responseText);
mais sa affiche rien sur la page

**andry.aime** · 20/04/2009, 09h11

Salut,
dans le tbody du tableau, tu utilises <th>, utilises plutôt <td>. th c'est pour l'entête du tableau (<thead>)

**dallas62** · 20/04/2009, 10h51

firebug a rajouté des balise inutile ^^

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
82
83
84
85
86
87
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>The Event World - Pr&eacute;-Alpha</title>
	<meta http-equiv="content-type" content="text/html;iso-8859-1" />
	<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW, ALL" />
	<META NAME="distribution" CONTENT="global" />
	<META NAME="REVISIT-AFTER" CONTENT="2month" />
	<link REL='stylesheet' HREF='./css/styles.css' TYPE='text/css'>
	<link rel="shortcut icon" href="./Images/favicon.ico">
	<script type="text/javascript" src='./js/scripts.js'></script>
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<script type="text/javascript">
	//<![CDATA[
		function xhr()
		{
			if (window.XMLHttpRequest)
			{
				return new XMLHttpRequest();
			}
			else
			{
				if (window.ActiveXObject)
				{
					var names = [
						"Msxml2.XMLHTTP.6.0",
						"Msxml2.XMLHTTP.3.0",
						"Msxml2.XMLHTTP",
						"Microsoft.XMLHTTP"
					];
					for(var i in names)
					{
						try{ return new ActiveXObject(names[i]); }
						catch(e){}
					}
				}
				else {alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");return(false);}
			}
		}
        function friendlist()
        {
			httpRequest = xhr();
			httpRequest.onreadystatechange = function()
			{
				if (httpRequest.readyState == 4 && httpRequest.status == 200) 
				{
					document.getElementById("friends").innerHTML = httpRequest.responseText;
				}
			}	
			httpRequest.open("GET", "http://127.0.0.1/eventworld/index.php?page_opt=friendslist", true);
			httpRequest.send(null);			
		}
		window.onload = friendlist;
		setInterval("friendlist()",7500);
		//]]>
</script>
</head>
<body bgcolor='#b38d57'>
<table width='100%'>
<form method='post' action='#' >
<tr>
<th>
Pseudo : dallas62 ( statut : 
<select name='statut' onchange='submit();'>
<option value='1' selected >En ligne</option>
<option value='2'  >Hors ligne</option>
<option value='3'  >Absent</option>
</select>)
</th>
</tr>
<tr>
<th>
Ajouter un ami : <input type='text' name='aj_friend' size='11'/><input type='submit' value='Ajouter'/>
</th>
</tr>
</form>
<tr>
<th>
<table width='100%'>
<div id='friends'></div>
</table>
</th>
</tr>
</table>
</body>
</html>

pour les th sa ne pose pas de problème et sa m'embête de tout éditer (css et autres pages) pour si peu en plus le site marche avec des templates

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<tr>
	<th>
		{{friend_name}}
	</th>
	<th>
		{{friend_statut}}
	</th>
	<th>
		{{actions}}
	</th>
</tr>

car le style est sommaire en attendant pour vérifier le bon fonctionnement du site parce que #b38d57 n'est pas la plus belle couleur ^^

**chafik_si3** · 08/05/2009, 23h58

Bonjour dallas62,

j'ai eu le même problème moi aussi.

Le problème n'était pas au niveau de XMLHttpRequest, il marche très bien sous IE7. Le problème est eu niveau de innerHTML et je vais le décrire comme suit:

Voici mon code:

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
 
function request(){
			var xhr=new XMLHttpRequest();			
			xhr.onreadystatechange=function(){
				if(xhr.readyState==4 && (xhr.status==200 || xht.status==0)){
					readData(xhr.responseText);
				}
			};
			xhr.open("GET","afterAcceuil.jsp?limit="+document.getElementById("nbre_lignes").value,true);
			xhr.send(null);
	}
	function readData(sData){
		document.getElementById("tableau").innerHTML=sData;
		alert(sData);
        }

le alert(sData) ne marche pas à ce niveau, mais lorsqu'il est placé avant l'instruction

Code :

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

 document.getElementById("tableau").innerHTML=sData;

le alert mache très bien et retourne le code html généré par ajax.

donc le bug est au niveau de innerHTMl.

Pour bien préciser le problème, le code html retourné par ajax ((sData)) va être inséré dans une balise <table id='tableau'></table>. Le tableau est bien affiché sous firefox mais pas pour IE7.

J'aimerai bien avoir votre solution si vous avez trouvé quelque chose et merci d'avance.

**emmanuel.remy** · 09/05/2009, 01h50

Salut,

Si ce n'est qu'une histoire de balise "table", pourquoi ne pas rapatrier du server TOUTE la balise table et faire ensuite un innerHTML dans une DIV par exemple ?

ERE

[AJAX] XMLHttpRequest sous internet exploreur 7

AJAX

Discussions similaires

Partager

Partager