[AJAX] Ajax et IE 8 : fallait s'y attendre

**iviewclear** · 07/04/2010, 11h17

Bonjour à tous,
voila j'ai ce bout de code qui me permet de mettre à jour un morceau (div id="contenu_page") de ma page index.html avec le contenu d'autres pages HTML.

AUCUN souci avec Chrome et Firefox ----> Cooool
Evidemment avec IE 8 plus rien ne marche !!!!! La console d'erreur me dit que l'accès à Index.html est refusé !!!!

Vous auriez une idée ce qu'il afut que je fasse ?
Car j'ai lu par ailleurs qu'à priori il n'y aurait pas de solution.
Ce que j'ai dû mal à croire mais allez savoir !!!!

D'avance merci pour votre aide

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
 
<script type="text/javascript">
		function loadXMLDoc(url)
		{
		if (window.XMLHttpRequest)
		  {// code for IE7+, Firefox, Chrome, Opera, Safari
		  xmlhttp=new XMLHttpRequest();
		  xmlhttp.open("GET",url,false);
		  xmlhttp.send(null);
		  }
		else
		  {// code for IE6, IE5
		  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		  xmlhttp.open("GET",url,false);
		  xmlhttp.send();
		  }
		document.getElementById('contenu_page').innerHTML=xmlhttp.responseText;
		}
	</script>

**E.Bzz** · 07/04/2010, 14h02

Bonjour,

Envoyé par iviewclear

La console d'erreur me dit que l'accès à Index.html est refusé !!!!

quel index.html ??

La fonction semble correcte.
On peut voir ton code HTML ?

A+

**E.Bzz** · 07/04/2010, 14h06

Il manque quand même un test du code retour

Code :

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

1
2
if (xmlhttp.readyState == 4)
document.getElementById('contenu_page').innerHTML=xmlhttp.responseText;

A+

**iviewclear** · 07/04/2010, 15h08

Envoyé par E.Bzz

Bonjour,quel index.html ??

La fonction semble correcte.
On peut voir ton code HTML ?

A+

La page index.html est la page qui abrite la fonction javascript que tu vois ci-dessus.
Les autres pages HTML qui sont au même niveau que mon index.html sont demandées par syntaxe :

Code :

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

1
2
 
<a href='javascript:loadHTML("ForfaitNumerique.html");' title="Forfait Num rique">Forfait&nbsp;Numerique</a>

sinon voici tout mon code html qui se trouve donc dans index.html
je rappelle que je souhaite donc afficher le contenu d'une autre page html dans un div dont l'id est 'contenu_page'

La première fonction javascript function loadHTML(url) qui est en commentaire fait que cela ne marche plus sur aucun navigateur

La deuxième actuellement en vigueur fait que cela fonctionne sous Chrome et Firefox et pas sur IE8
celui-ci me répond 'Accès refusé à Index.html"

j'espère avoir été clair dans mes explications

Un grand merci pour votre passée et à venir

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
103
104
105
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 
	<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
	<meta http-equiv="Content-Style-Type" content="text/css" /> 
	<meta http-equiv="Content-Language" content="en-us" /> 
	<meta http-equiv="imagetoolbar" content="no" /> 
 
	<title>titre</title>
	<link href="css.css" rel="stylesheet" type="text/css" media="screen" /> 	
	<link href="index-files/styles_fwxwp.css" type="text/css" rel="stylesheet"/>
	<style type="text/css">A#vbUL_fwxwpa{display:none}</style>
 
	<!--
	<script type="text/javascript">
		function loadHTML(url)
			{
			if (window.XMLHttpRequest) {
				// code for IE7+, Firefox, Chrome, Opera, Safari
				var xmlhttp = new XMLHttpRequest();
			}
			else if (window.ActiveXObject) {
				var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			else {
				return;
			}
			xmlhttp.onreadystatechange = function() {
				if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
					document.getElementById('contenu_page').innerHTML = xmlhttp.responseText;
				}
			};	
		xmlhttp.open("GET",url,true);
		xmlhttp.send();
		}
	</script>
	!-->
 
	<script type="text/javascript">
		function loadHTML(url)
		{
		if (window.XMLHttpRequest)
		  {// code for IE7+, Firefox, Chrome, Opera, Safari
		  xmlhttp=new XMLHttpRequest();
		  xmlhttp.open("GET",url,false);
		  xmlhttp.send(null);
		  }
		else
		  {// code for IE6, IE5
		  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		  xmlhttp.open("GET",url,false);
		  xmlhttp.send();
		  }
		document.getElementById('contenu_page').innerHTML=xmlhttp.responseText;
		}
	</script>	
 
 
 
	</head>
 
	<body class="page_cell"> 
		<div class="logo"><img src="images/logo.png" width="150" height="150"></div> 
 
 
		<div id="menu" style="background-image:url('images/bg-menubar-bleu.png') repeat-x">			
 
			<ul id="vbUL_nwxwp" class="vbULfwxwp" style="visibility:hidden;">
			<li>
				<a title="Mariage">Mariage</a><img src="index-files/argwxwp.png"/>
			<ul id="vbUL_kwxwp" class="vbULfwxwp">
				<li><a href='javascript:loadHTML("ForfaitNumerique.html");' title="Forfait Num rique">Forfait&nbsp;Num rique</a></li>
				<li><a href='javascript:loadHTML("ForfaitsAlbums.html");' title="Forfaits Albums Classiques">Forfaits&nbsp;Albums&nbsp;Classiques</a></li></ul></li>
				<li><a href='javascript:loadHTML("Evenementiel.html");' title="Evenementiel">Evènementiel</a></li>
				<li><a href='javascript:loadHTML("Entreprise.html");' title="Entreprise">Entreprise</a></li></ul>
 
		<script type="text/javascript"> var vbImgPath="index-files/"</script>
		<script type="text/javascript" src="index-files/scfwxwp.js"></script>
 
		<table id="vista-buttons.com:idfwxwp" width=0 cellpadding=0 cellspacing=0 border=0>
			<tr>
				<td style="padding-right:0px" title ="ACCUEIL">
				<a href="Index.html" onmouseover='xpe("fwxwpo");' onmouseout='xpe("fwxwpn");'>
				<img id="xpi_fwxwp" src="index-files/btfwxwp_0.png" name="vbfwxwp" width="157" height="36" border="0" alt="ACCUEIL"/></a>
			</td>
			<td style="padding-right:0px" title ="PRESTATIONS">
				<a href='javascript:loadHTML("MesPrestations.html");' onmouseover='xpe("nwxwpo");xpshow("nwxwp",0,this);xpsmover(this);' onmouseout='xpsmout(this);'>
				<img id="xpi_nwxwp" src="index-files/btnwxwp_0.png" name="vbnwxwp" width="157" height="36" border="0" alt="PRESTATIONS"/></a>
			</td>
			<td style="padding-right:0px" title ="GALERIES PHOTOS">
				<a href='javascript:loadHTML("GaleriePublique.html");' onmouseover='xpe("hwxwpo");' onmouseout='xpe("hwxwpn");'>
				<img id="xpi_hwxwp" src="index-files/bthwxwp_0.png" name="vbhwxwp" width="157" height="36" border="0" alt="GALERIES PHOTOS"/></a>
			</td>
			<td style="padding-right:0px" title ="CONTACT">
				<a href='javascript:loadHTML("Contact.html");' onmouseover='xpe("jwxwpo");' onmouseout='xpe("jwxwpn");'>
				<img id="xpi_jwxwp" src="index-files/btjwxwp_0.png" name="vbjwxwp" width="157" height="36" border="0" alt="CONTACT"/></a>
			</td>
			</tr>
		</table>
 
		</div><!-- FIN DU DIV MENU -->
 
		<div id="contenu_page">
etc...

**E.Bzz** · 07/04/2010, 15h18

Et avec un </div> à la fin ?

A+

**iviewclear** · 07/04/2010, 15h19

Envoyé par E.Bzz

Et avec un </div> à la fin ?

A+

c'était un extrait de mon code
c'est pour cela que j'ai mis etc
Je ne suis pas très bon mais quand même

**E.Bzz** · 07/04/2010, 15h29

Tu ne serais pas le 1°

Sinon

Envoyé par E.Bzz

Il manque quand même un test du code retour

Code :

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

1
2
if (xmlhttp.readyState == 4)
document.getElementById('contenu_page').innerHTML=xmlhttp.responseText;

A+

**iviewclear** · 07/04/2010, 15h34

Oui je me doute
Sinon une idée sinon concernant ma réponse à tes questions plus haut ?

**E.Bzz** · 07/04/2010, 15h48

Envoyé par iviewclear

Sinon une idée sinon concernant ma réponse à tes questions plus haut ?

Sinon, un essai concernant le test suggéré ci-dessus ?

A+

**iviewclear** · 07/04/2010, 16h00

Envoyé par E.Bzz

Sinon, un essai concernant le test suggéré ci-dessus ?

A+

Désolé j'avais pas saisi le truc....
cela continue à fonctionner dans les mêmes conditions qu'auparavant c'est à dire pas sur IE

**E.Bzz** · 07/04/2010, 16h03

Tu as un exemple de contenu du responseText à nous montrer ici ?

A+

**iviewclear** · 07/04/2010, 16h08

Envoyé par E.Bzz

Tu as un exemple de contenu du responseText à nous montrer ici ?
A+

allez soyons fous !!!!
Oui je peux
Mon responseText contient la référence à une page HTML dont voici un exemple de contenu :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 
	<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
	<meta http-equiv="Content-Style-Type" content="text/css" /> 
	<meta http-equiv="Content-Language" content="en-us" /> 
	<meta http-equiv="imagetoolbar" content="no" /> 
 
	<title>Bernard Cotte - Photographe ind pendant</title>
	</head>
 
 
	<body>
 
		<div class="members_bar"> 
			<div class="guest_links" style="text-align: left"><span>Vous êtes ici : Mes Prestations</span></div>
		</div> 	
 
		<div id="page_body" class="page_body">	
 
		<div id="contenu_page">
 
		<div class="table_border"> 
			<table cellpadding="4" cellspacing="1" border="0" style="width: 100%;"> 
				<tr> 
					<th colspan="2">Mes différentes prestations</th> 
				</tr> 				
				<tr> 
					<td colspan="2" class="tdrow1"><strong></strong></td> 
				</tr> 				
				<tr> 
					<td style="width: 30%;" class="tdrow1">
						<span>Forfait Numérique</span></td> 
 
					<td class="tdrow2">
						<span>1 formule à votre disposition</span> <br /> 
						<div class="explain">- en savoir plus....</div>
					</td>				
				</tr> 				
				<tr> 
					<td colspan="2" class="tdrow1"><strong></strong></td> 
				</tr>       
				<tr> 
					<td style="width: 30%;" class="tdrow1" valign="top">
						<span>Forfaits Albums Classiques</span> <br /> 
					</td>					
					<td class="tdrow2">
						<span>4 formules au choix</span> <br /> 
						<div class="explain"><a href="ForfaitsAlbums.html">- Album 30 photos</a></div>
						<div class="explain"><a href="Diaporamas/Mariage.ppsx">- Album 50 photos</a></div>
						<div class="explain">- Album 65 photos</div>
						<div class="explain">- Album 80 photos</div>
					</td> 
				</tr>	
				<tr> 
					<td class="table_footer" colspan="2"><a name="ceci"></a>						
					</td> 
				</tr> 
			</table> 
		</div>
		<br/><br/>		
	</div>	
 
	</div>
 
	<div class="page_footer"> 
		Powered by 
		<a href="">Lien 1</a> |		
        <a href="">Lien 2</a> | 
		<a href="">Lien 3</a> |
		<b>bla bla bla</b> 
	</div>
 
	</body> 
</html>

J'espère que j'ai pas oublié un div quelque part moi ....sinon ca va barder pour mon matricule

**E.Bzz** · 07/04/2010, 16h16

Tu vas être content : tu n'as rien oublié

Au contraire

Puisque tu ajoutes ça dans un div d'une page existante, c'est toutes les entête de ta page qui sont en trop, ainsi que les <html></html, <body></body> etc.

Bref, tu ne peux pas littéralement mettre "une page dans une page" comme tu le fais (sauf via les iframe mais plus question d'Ajax).

Récupère uniquement la partie entre <body> et </body> et ça devrait mieux aller ...
A condition qu'aucun id ne soit dupliqué, ou, pour IE, qu'aucun id ne corresponde au name d'un autre élément de la page ...

A+

**iviewclear** · 07/04/2010, 16h34

Bon ben désolé ..................non toujours pareil sous IE cela ne fonctionne pas avec toujours ce maudit message d'erreur qui dit Accès refusé à index.html en ligne 46.
Je comprends qu'il ne veut pas "intégrer" dans cette page la page voulue
cette ligne étant : xmlhttp.open("GET",url,false);

**E.Bzz** · 07/04/2010, 16h36

Es-tu sûr que tes modif sont prises en compte ?
Attention au problème de cache : un classique sous IE !

A+

**E.Bzz** · 07/04/2010, 16h37

Sinon essaye de virer ton passage <script> en double ...

A+

**iviewclear** · 07/04/2010, 16h49

Toujours pareil après avoir viré mon script en double et avoir supprimé les fichiers temporaires de IE !!!!!

**E.Bzz** · 07/04/2010, 16h54

Tu ajoutes dans ton <div id="contenu_page"> entre autres choses

Code :

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

<div id="contenu_page">

...

A+

**iviewclear** · 07/04/2010, 16h59

Envoyé par E.Bzz

Tu ajoutes dans ton <div id="contenu_page"> entre autres choses

Code :

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

<div id="contenu_page">

...

A+

Désolé je ne saisi pas ta question ou ton conseil

**E.Bzz** · 07/04/2010, 17h12

C'est lié à cette remarque

Envoyé par E.Bzz

Récupère uniquement la partie entre <body> et </body> et ça devrait mieux aller ...
A condition qu'aucun id ne soit dupliqué, ou, pour IE, qu'aucun id ne corresponde au name d'un autre élément de la page ...

Tu as déjà un id="contenu_page" dans ta page (destiné à recevoir la réponse Ajax).

Et tu y ajoutes un contenu où on retrouve un id="contenu_page".
L'id est donc dupliqué => erreur.

Je ne peux pas garantir que c'est ce problème-ci qui génère le message que tu obtiens, mais c'est une autre erreur à corriger ...

A+

[AJAX] Ajax et IE 8 : fallait s'y attendre

AJAX

Discussions similaires

Partager

Partager