Rendu de xml dans du html

**dj.motte** · 10/04/2009, 18h48

Salut,

A vrai dire je ne sais pas si ma question relève de xml ou de html.

J'aimerais représenter un fichier xml dans du html. J'ai cherché mais je n'ai rien trouvé. Cependant le code que je vous présente ci dessous fonctionnait bien il y a des lustres.

Comment parvenir aujourd'hui au résultat attendu avec Windows et Linux ?

Dans le même répertoire:

fichier inv01.xml:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?xml version = '1.0' encoding = 'UTF-8'?>
<inventaire>
  <livre>
    <titre>La vie des animaux</titre>
    <auteur>Silverstone Stèline</auteur>
    <prix>155 €</prix>
  </livre>
  <livre>
    <titre>Viens à la maison</titre>
    <auteur>Clocloché</auteur>
    <prix>175 €</prix>
  </livre>
</inventaire>

le fichier tinv.html :

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
 
<html>
<head>
  <meta http-equiv="Content-Type"
 content="text/html; charset=utf-8"></meta>
  <title>Tableau inventaire</title>
</head>
<body>
 
<xml id="dsoInv" src="inv01.xml"></xml>
  <h2>Tableau des livres</h2>
 
  <table id="tablib" datasrc="#dsoInv" datapagesize="4" border="1"
 cellpadding="5">
    <thead> 
    <tr>
      <th>Titre</th>
      <th>Auteur</th>
      <th>Prix</th>
    </tr>
    </thead>
    <tbody>
      <tr>
        <td><span datafld="titre"></span></td>
        <td><span datafld="auteur"></span></td>
        <td><span datafld="prix"></span></td>
      </tr>
    </tbody>
  </table>
 
  <button onclick="tablib.firstpage()">Début page</button>
  <button onclick="tablib.lastpage()">Dernière Page</button>
  <button onclick="tablib.nextPage()">Page suivante</button>
  <button onclick="tablib.previousPage()">Page précèdente</button>
  </body>
</html>

Ben voilà, j'y comprends pas grand chose.

**emmanuel.remy** · 11/04/2009, 00h47

Salut,

Cette technique de la balise XML était ce qu'on appelait une data island, et était spécifique Microsoft.

Si tu souhaites aujourd'hui manipuler une structure XML au sein de ta page HTML, voici le code équivalent pour charger le XML:

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
<html>
<body>
<script type="text/javascript">
try //Internet Explorer
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  }
catch(e)
  {
  try //Firefox, Mozilla, Opera, etc.
    {
    xmlDoc=document.implementation.createDocument("","",null);
    }
  catch(e) {alert(e.message)}
  }
try 
  {
  xmlDoc.async=false;
  xmlDoc.load("inv01.xml");
  document.write("xmlDoc charge");
  }
catch(e) {alert(e.message)}
</script>
</body>
</html>

Une fois chargé, il ne te reste plus qu'à mettre le code Javascript qui va manipuler xmlDoc pour remplir ta table en créant les lignes et cellules.

ERE

**dj.motte** · 11/04/2009, 21h22

Salut,

Merçi pour la réponse. Autrement dit il faut que je fasse une fonction en JavaScript pour afficher les données sous forme de tableau ?

Ensuite si j'y parviens comment faire la navigation :
-firstPage()
-lastPage()
etc.. ?

**emmanuel.remy** · 14/04/2009, 15h57

Envoyé par dj.motte

Salut,

Merçi pour la réponse. Autrement dit il faut que je fasse une fonction en JavaScript pour afficher les données sous forme de tableau ?

Ensuite si j'y parviens comment faire la navigation :
-firstPage()
-lastPage()
etc.. ?

C'est encore à toi de gérer la pagination en Javascript...

Mais tu peux chercher il existe des codes à adapter qui font ce genre de choses.

ERE

PS: trouvé sur le net un exemple: http://en.newinstance.it/2006/09/27/...th-javascript/

**dj.motte** · 18/04/2009, 00h16

Salut,

Et bien je suis bon pour du JavaScript. C'est un langage que je suis loin de maîtriser, mais qui permet la "programmation spaghetti" pour les développeurs.

Ce n'est pas à vraiment dire ma "tasse de thé". Mais l'avantage du JavaScript c'est son côté "multi-platforns".

Comment se fait-il que les objets d'internet soient gratis ? Mais payant avec des éditeurs de logiciels ?

**emmanuel.remy** · 18/04/2009, 01h18

Envoyé par dj.motte

Salut,

Et bien je suis bon pour du JavaScript. C'est un langage que je suis loin de maîtriser, mais qui permet la "programmation spaghetti" pour les développeurs.

Javascript peut paraitre moins structuré que d'autres langages mais il remplit parfaitement son rôle de simplicité et d'efficacité.

Ce n'est pas à vraiment dire ma "tasse de thé". Mais l'avantage du JavaScript c'est son côté "multi-platforns".

Comment se fait-il que les objets d'internet soient gratis ? Mais payant avec
des éditeurs de logiciels ?

Qu'entends tu par "objets d'internet" ?

ERE

Rendu de xml dans du html

XML/XSL et SOAP

Discussions similaires

Partager

Partager