bonjour,
j'ai parcouru le forum afin de trouver une solution à mon problème, mais j'ai toujours mon message d'erreur récalcitrant...
Voila , j'ai une page html composer de divers calques.
Dans l'un de ces calques je charge par l'intermediaire d'AJAX du code html comportant du javascript.
mais apparemment, le navigateur n'arrive pas à interpréter ce javascript.
Voici mon code.
page le script de ma page index :
et voici le contenu de la page que j'essais de charger :
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 <html> <head> ... <script type="text/javascript"> function envoieRequete(url,id) { var xhr_object = null; var position = id; if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest(); else if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); // On ouvre la requete vers la page désirée xhr_object.open("GET", url, true); xhr_object.onreadystatechange = function anonymous(){ if ( xhr_object.readyState == 4 ) { // j'affiche dans la DIV spécifiées le contenu retourné par le fichier alert(xhr_object.responseText); document.getElementById(position).innerHTML = eval(xhr_object.responseText); } } // dans le cas du get xhr_object.send(null); } </script> </head> <body onload="envoieRequete('dallage.html','savoirdyna');"> ...
Pour info, j'ai essayé avec EVAL:
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 <SCRIPT LANGUAGE="JavaScript"> /* on precharge les images de substitution */ ////Beton////// a1 = new Image; a1.src = "../media/dallage/BA_01.jpg"; a2 = new Image; a2.src = "../media/dallage/BA_02.jpg"; a3 = new Image; a3.src = "../media/dallage/BA_03.jpg"; a4 = new Image; a4.src = "../media/dallage/BA_04.jpg"; a5 = new Image; a5.src = "../media/dallage/BA_05.jpg"; a6 = new Image; a6.src = "../media/dallage/BA_06.jpg"; b1 = new Image; b1.src = "../media/dallage/BB_01.jpg"; b2 = new Image; b2.src = "../media/dallage/BB_02.jpg"; b3 = new Image; b3.src = "../media/dallage/BB_03.jpg"; b4 = new Image; b4.src = "../media/dallage/BB_04.jpg"; b5 = new Image; b5.src = "../media/dallage/BB_05.jpg"; b6 = new Image; b6.src = "../media/dallage/BB_06.jpg"; c1 = new Image; c1.src = "../media/dallage/BC_01.jpg"; c2 = new Image; c2.src = "../media/dallage/BC_02.jpg"; c3 = new Image; c3.src = "../media/dallage/BC_03.jpg"; c4 = new Image; c4.src = "../media/dallage/BC_04.jpg"; c5 = new Image; c5.src = "../media/dallage/BC_05.jpg"; c6 = new Image; c6.src = "../media/dallage/BC_06.jpg"; d1 = new Image; d1.src = "../media/dallage/BD_01.jpg"; d2 = new Image; d2.src = "../media/dallage/BD_02.jpg"; d3 = new Image; d3.src = "../media/dallage/BD_03.jpg"; d4 = new Image; d4.src = "../media/dallage/BD_04.jpg"; d5 = new Image; d5.src = "../media/dallage/BD_05.jpg"; d6 = new Image; d6.src = "../media/dallage/BD_06.jpg"; e1 = new Image; e1.src = "../media/dallage/BE_01.jpg"; e2 = new Image; e2.src = "../media/dallage/BE_02.jpg"; e3 = new Image; e3.src = "../media/dallage/BE_03.jpg"; e4 = new Image; e4.src = "../media/dallage/BE_04.jpg"; e5 = new Image; e5.src = "../media/dallage/BE_05.jpg"; e6 = new Image; e6.src = "../media/dallage/BE_06.jpg"; f1 = new Image; f1.src = "../media/dallage/BF_01.jpg"; f2 = new Image; f2.src = "../media/dallage/BF_02.jpg"; f3 = new Image; f3.src = "../media/dallage/BF_03.jpg"; f4 = new Image; f4.src = "../media/dallage/BF_04.jpg"; f5 = new Image; f5.src = "../media/dallage/BF_05.jpg"; f6 = new Image; f6.src = "../media/dallage/BF_06.jpg"; </SCRIPT> <div align="center" class="style5"> Dalles granit - Dalles en Granit différentes couleurs <br> Dalles Granit en longueurs libres - Dalles calcaires en pierres naturelles<br> Dalles Granit grise - Dalles porphyres et ardoises<br> <br> </div> <table width="180" border="0" cellspacing="0" cellpadding="0"> <tr> <td><A HREF="#" onMouseOver="(nomimage1.src=a1.src) && (nomimage2.src=a2.src) && (nomimage3.src=a3.src) && (nomimage4.src=a4.src) && (nomimage5.src=a5.src) && (nomimage6.src=a6.src)" onMouseOut="(nomimage1.src='../media/dallage/p1.jpg') && (nomimage2.src='../media/dallage/p2.jpg') && (nomimage3.src='../media/dallage/p3.jpg') && (nomimage4.src='../media/dallage/p4.jpg') && (nomimage5.src='../media/dallage/p5.jpg') && (nomimage6.src='../media/dallage/p6.jpg')"><img src="../media/dallage/p1.jpg" NAME="nomimage1" alt="" height="148" width="153" border="0"></a></td> <td><A HREF="#" onMouseOver="(nomimage1.src=b1.src) && (nomimage2.src=b2.src) && (nomimage3.src=b3.src) && (nomimage4.src=b4.src) && (nomimage5.src=b5.src) && (nomimage6.src=b6.src)" onMouseOut="(nomimage1.src='../media/dallage/p1.jpg') && (nomimage2.src='../media/dallage/p2.jpg') && (nomimage3.src='../media/dallage/p3.jpg') && (nomimage4.src='../media/dallage/p4.jpg') && (nomimage5.src='../media/dallage/p5.jpg') && (nomimage6.src='../media/dallage/p6.jpg')"><img src="../media/dallage/p2.jpg" NAME="nomimage2" alt="" height="148" width="154" border="0"></a></td> <td><A HREF="#" onMouseOver="(nomimage1.src=c1.src) && (nomimage2.src=c2.src) && (nomimage3.src=c3.src) && (nomimage4.src=c4.src) && (nomimage5.src=c5.src) && (nomimage6.src=c6.src)" onMouseOut="(nomimage1.src='../media/dallage/p1.jpg') && (nomimage2.src='../media/dallage/p2.jpg') && (nomimage3.src='../media/dallage/p3.jpg') && (nomimage4.src='../media/dallage/p4.jpg') && (nomimage5.src='../media/dallage/p5.jpg') && (nomimage6.src='../media/dallage/p6.jpg')"><img src="../media/dallage/p3.jpg" NAME="nomimage3" alt="" height="148" width="153" border="0"></a></td> </tr> <tr> <td><A HREF="#" onMouseOver="(nomimage1.src=d1.src) && (nomimage2.src=d2.src) && (nomimage3.src=d3.src) && (nomimage4.src=d4.src) && (nomimage5.src=d5.src) && (nomimage6.src=d6.src)" onMouseOut="(nomimage1.src='../media/dallage/p1.jpg') && (nomimage2.src='../media/dallage/p2.jpg') && (nomimage3.src='../media/dallage/p3.jpg') && (nomimage4.src='../media/dallage/p4.jpg') && (nomimage5.src='../media/dallage/p5.jpg') && (nomimage6.src='../media/dallage/p6.jpg')"><img src="../media/dallage/p4.jpg" NAME="nomimage4" alt="" height="148" width="153" border="0"></a></td> <td><A HREF="#" onMouseOver="(nomimage1.src=e1.src) && (nomimage2.src=e2.src) && (nomimage3.src=e3.src) && (nomimage4.src=e4.src) && (nomimage5.src=e5.src) && (nomimage6.src=e6.src)" onMouseOut="(nomimage1.src='../media/dallage/p1.jpg') && (nomimage2.src='../media/dallage/p2.jpg') && (nomimage3.src='../media/dallage/p3.jpg') && (nomimage4.src='../media/dallage/p4.jpg') && (nomimage5.src='../media/dallage/p5.jpg') && (nomimage6.src='../media/dallage/p6.jpg')"><img src="../media/dallage/p5.jpg" NAME="nomimage5" alt="" height="148" width="154" border="0"></a></td> <td><A HREF="#" onMouseOver="(nomimage1.src=f1.src) && (nomimage2.src=f2.src) && (nomimage3.src=f3.src) && (nomimage4.src=f4.src) && (nomimage5.src=f5.src) && (nomimage6.src=f6.src)" onMouseOut="(nomimage1.src='../media/dallage/p1.jpg') && (nomimage2.src='../media/dallage/p2.jpg') && (nomimage3.src='../media/dallage/p3.jpg') && (nomimage4.src='../media/dallage/p4.jpg') && (nomimage5.src='../media/dallage/p5.jpg') && (nomimage6.src='../media/dallage/p6.jpg')"><img src="../media/dallage/p6.jpg" NAME="nomimage6" alt="" height="148" width="153" border="0"></a></td> </tr> </table> </body> </html>
document.getElementById(position).innerHTML = eval(xhr_object.responseText);
Mais j'ai le message d'erreur suivant :
ERREUR DE SYNTAXE
Code : 0
Evidemment si je supprime le EVAL, le contenu html s'affiche mais le java sript n'est pas interprété...
Cela fait des heures que je cherche une solution à ce problème, mais je n'ai rien trouvé qui solutionne mon problème...
je prècise que je teste sous IE7
Merci pour votre aide
Partager