lecture et integration d'une page xml dans une page html avec JS
Bonjour,
j'essaie de recr�er un �quivalent de :
Code:
<?php include("")?>
en javascript.
Pourquoi ? parceque je travail sur un serveur web embarqu� rabbit rcm5700 et qu'il ne poss�de pas le parseur php.
j'ai d�velopp� un petit code pas compliqu� qui fonctionne sur un fichier xml charg�. le probl�me est que je voudrais inclure 4 pages xml dans ma page html et a partir de ce moment, �a ne fonctionne plus.
L'erreur doit surement venir du script.
Je tourne en rond depuis un moment, si vous pouvez m'aider je serais content.
voila le code :
script dans le fichier script.js :
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
| function afficher_site()
{
var contenu_header;
var contenu_menu_user;
var contenu_menu_admin;
var contenu_corps;
var contenu_footer;
try
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(err)
{
try
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(err)
{
alert("No XML for you!");
return;
}
}
xmlDoc.async=false;
/*affiche le header*/
xmlDoc.load("menus/header.xml");
contenu_header = xmlDoc.getElementsByTagName("header")[0].childNodes[0].nodeValue;
document.getElementById("header").innerHTML = contenu_header;
/*affiche le menu utilisateur*/
xmlDoc.load("menus/user.xml");
contenu_menu_user = xmlDoc.getElementsByTagName("menu_user")[0].childNodes[0].nodeValue;
document.getElementById("menu_user").innerHTML = contenu_menu_user;
/*affiche le menu administrateur*/
xmlDoc.load("menus/user.xml");
contenu_menu_admin = xmlDoc.getElementsByTagName("menu_admin")[0].childNodes[0].nodeValue;
document.getElementById("menu_admin").innerHTML = contenu_menu_admin;
/*affiche le corps*/
xmlDoc.load("corps/accueil.xml");
contenu_corps = xmlDoc.getElementsByTagName("corps")[0].childNodes[0].nodeValue;
document.getElementById("corps").innerHTML = contenu_corps;
/*affiche le footer*/
xmlDoc.load("menus/footer.xml");
contenu_footer = xmlDoc.getElementsByTagName("footer")[0].childNodes[0].nodeValue;
document.getElementById("footer").innerHTML = contenu_footer;
} |
la page html :
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
| <!DOCTYPE html>
<html> <!-- balise douverture de page web -->
<head> <!-- balise "head" contient les informations structurelles importantes sur le site web -->
<title>Gestion darrosage automatisé</title> <!-- titre dans la barre des onglets -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!-- donne la norme utilisé par le site -->
<meta http-equiv="Content-Language" content="fr"> <!-- donne la langue par defaut du site -->
<meta name="Author" content="Oriano Jean"> <!-- donne le nom du créateur du site -->
<link rel="icon" type="image/png" href="images/Goutte_d'eau.png" /> <!-- met une icone au niveau de la barre des onglets -->
<link rel="stylesheet" type="text/css" href="css/style_1.css"> <!-- permet de lier et de faire appel au fichier .css pour le design de la page html -->
<script type="text/javascript" src="scripts/scripts.js"></script> <!-- permet de lier et de faire appel au fonctions JS dans le fichier .js -->
</head>
<!-- balise "body" contient les éléments relatifs au rendu et à la présentation du document -->
<body onload="afficher_site()"> <!-- ici un évènement est attaché à cette balise / "onload" qui permet de charger un script au lancement de la balise donc de la page web -->
<div id="header">
</div>
<div id="menu">
<div id="menu_user">
</div>
<div id="menu_admin">
</div>
</div>
<div id="corps">
</div>
<div id="footer">
</div>
</body>
</html> |
et le fichier xml :
Code:
1
2
3
4
5
6
7
8
9
| <rabbitweb>
<corps>
<![CDATA[
<h1><i>Je</i> <u>suis</u> <b>un éléphant <i><u>!</u></i></b></h1>
]]>
</corps>
</rabbitweb> |
cordialement, bigbrownies.
