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

Version imprimable

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, 15h02
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, 16h18
E.Bzz

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

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

Oui je me doute
Sinon une idée sinon concernant ma réponse à tes questions plus haut ?
07/04/2010, 16h48
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, 17h00
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, 17h03
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, 17h16
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, 17h34
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, 17h36
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, 17h37
E.Bzz

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

A+
07/04/2010, 17h49
iviewclear

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

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

Code:

<div id="contenu_page">

...

A+
07/04/2010, 17h59
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, 18h12
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+
07/04/2010, 18h41
iviewclear

Citation:

Envoyé par E.Bzz

C'est lié à cette remarque
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+

en effet des id en double qui malgré tout ne corrige pas mon souci :cry::cry:
07/04/2010, 21h30
emmanuel.remy

Salut,

Tu ne travailles pas en local par hasard ? Sans passer par un server web ?

ERE
07/04/2010, 21h43
iviewclear

Citation:

Envoyé par emmanuel.remy

Salut,

Tu ne travailles pas en local par hasard ? Sans passer par un server web ?

ERE

Bonsoir,
Oui je suis en local.
Par ailleurs on me dit que cela ne peut marcher par conséquent sans serveur local.
Et que le fait que cela fonctionne avec Chrome et Firefox est lié à leurs options de sécurité.

Que dois-je utiliser pour mettre en place un serveur Web sur mon poste ?

Merci
07/04/2010, 21h50
emmanuel.remy

Est ce à dire que ton url est file:///.... et non http://.... ?

ERE
08/04/2010, 11h35
iviewclear

Citation:

Envoyé par emmanuel.remy

Est ce à dire que ton url est file:///.... et non http://.... ?

ERE

Bonjour
Je fais appel à mon fichier comme ceci puisqu'il se trouve dans le même dossier que la page appelante :

Code:

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

Cela répond il à ta question
Merci
08/04/2010, 11h37
emmanuel.remy

Salut,

Non. quand tu appelles ta page principale, est ce en tapant http://.... dans la barre d'adrese du navigateur ou est ce en chargeant le fichier depuis ton disque (file://....) ?

En bref, utilises tu un server web en local et passes tu bien par lui ?

ERE
08/04/2010, 11h39
iviewclear

Citation:

Envoyé par emmanuel.remy

Salut,

Non. quand tu appelles ta page principale, est ce en tapant http://.... dans la barre d'adrese du navigateur ou est ce en chargeant le fichier depuis ton disque (file://....) ?

En bref, utilises tu un server web en local et passes tu bien par lui ?

ERE

Tu as raison cela passe par file://
08/04/2010, 11h59
emmanuel.remy

Re,

Si cela passe par file:///... IE n'est pas du tout en cause c'est un simple problème de sécurité. Passe par l'intermédiaire d'un server Web comme cela doit être fait et tout devrait rentrer dans l'ordre.

ERE
08/04/2010, 12h01
E.Bzz

Avec la version actuelle, oui.
Avec la version initiale, les choses serait "rentrées dans un ordre" ... intermédiaire :aie:

;)

A+
08/04/2010, 12h05
iviewclear

Citation:

Envoyé par emmanuel.remy

Re,

Si cela passe par file:///... IE n'est pas du tout en cause c'est un simple problème de sécurité. Passe par l'intermédiaire d'un server Web comme cela doit être fait et tout devrait rentrer dans l'ordre.

ERE

Question bête : avec quels outils mettre en place un serveur Web ?
08/04/2010, 12h06
emmanuel.remy

On ne va pas reprocher à IE de faire preuve d'un peu plus de rigueur ! :lol:

ERE
08/04/2010, 12h13
iviewclear

Citation:

Envoyé par emmanuel.remy

On ne va pas reprocher à IE de faire preuve d'un peu plus de rigueur ! :lol:

ERE

Est ce reprendre mes pages avec un outil tel que Visual Studio en projet Web peut suffire à faire en sorte que j'ai un Serveur Web ?
Sur des essais que j'ai pu faire, j'ai vu qu'il affichait dans l'url localhost....
Merci
08/04/2010, 12h15
emmanuel.remy

Citation:

Envoyé par iviewclear

Question bête : avec quels outils mettre en place un serveur Web ?

C'est une question intéressante !

Tout dépend du fait que tu utilises ou pas un langage server tel que PHP, perl asp, java ou autre...

Etant donné que tu ne gères que des fichiers HTML, si j'étais à ta place je ne m'embarasserai pas trop pour un test: installe Wampserver qui est un outil regroupant un server web apache (certainement le plus connu), un langage de dev server (PHP) et une base de données (MySQL). Tous sont utilisables indépendamment donc tu n'auras qu'à te préoccuper du server Web.

Et rapproche toi aussi de l'EXCELLENT (j'insiste) tutoriel de giminik http://giminik.developpez.com/articles/apache/windows/

ERE

EDIT: effectivement si tu as VS et qu'il utilise un server web pour ses
---- deploiements, alors passe par celui-ci