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

Version imprimable

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

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:

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>

07/04/2010, 14h02
E.Bzz

Bonjour,

Citation:

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+

Il manque quand même un test du code retour
Code:

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

Citation:

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:

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:

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

07/04/2010, 15h18
E.Bzz

Et avec un </div> à la fin ? :aie:

A+
07/04/2010, 15h19
iviewclear

Citation:

Envoyé par E.Bzz

Et avec un </div> à la fin ? :aie:

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 :ccool::ccool::ccool:
07/04/2010, 15h29
E.Bzz
Tu ne serais pas le 1° :mouarf:

Sinon
Citation:
Envoyé par E.Bzz

Il manque quand même un test du code retour

Code:

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

A+
07/04/2010, 15h34
iviewclear

Oui je me doute
Sinon une idée sinon concernant ma réponse à tes questions plus haut ?
07/04/2010, 15h48
E.Bzz

Citation:

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

A+
07/04/2010, 16h00
iviewclear

Citation:

Envoyé par E.Bzz

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

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
07/04/2010, 16h03
E.Bzz

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

A+

Citation:

Envoyé par E.Bzz

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

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

07/04/2010, 16h16
E.Bzz

:mouarf:

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

Au contraire :aie: :aie:

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+
07/04/2010, 16h34
iviewclear

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);
07/04/2010, 16h36
E.Bzz

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

A+
07/04/2010, 16h37
E.Bzz

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

A+
07/04/2010, 16h49
iviewclear

Toujours pareil après avoir viré mon script en double et avoir supprimé les fichiers temporaires de IE !!!!!
07/04/2010, 16h54
E.Bzz

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

Code:

<div id="contenu_page">

...

A+
07/04/2010, 16h59
iviewclear

Citation:

Envoyé par E.Bzz

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

Code:

<div id="contenu_page">

...

A+

Désolé je ne saisi pas ta question ou ton conseil
07/04/2010, 17h12
E.Bzz

C'est lié à cette remarque

Citation:

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+

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