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.
