[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+

**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, 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...