Insertion d'XML dans de l'HTML

**SDuh** · 25/08/2005, 19h23

Bonjour à tous,

je débute en xml et je teste différentes solutions d'insertion dans une page html.

Aujourd'hui j'essais le xsl mais je butte.

Je développe un site en javascript, xml et html et ne pourrais pas avoir de langage dynamique.

J'ai trouvé plusieurs fois le même tuto expliquant que l'on peut en javascript transformer un fichier xml via un fichier xsl et incorporer le résultat dans une page html.

Le problème c'est qu'en dehors de l'en tête du tableau, rien ne s'affiche, les infos du fichier xml n'apparaissent pas.

Quelqu'un pourrait-il m'aider ?
Merci.

**virgul** · 26/08/2005, 07h32

Salut,

envoie nous ton xml et xsl afin de voir la transformation que tu fais!

Et petite précision en passant la sortie n'est pas du HTML mais du XHTML vu que chaque balise ouverte a une balise fermante! Ce qui n'est pas toujours le cas du HTML!

++

Thierry

**SDuh** · 26/08/2005, 15h17

Ok, c'est parti.

Exemple de ce que peut contenir mon 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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<!DOCTYPE reglesCSDU SYSTEM "../fichierDTD/reglesCSDU.dtd">
<reglesCSDU>
 <disciplines nom="VTT">
  <presentation>
   blabla
  </presentation>
  <reglement>
   blabla
  </reglement>
  <csdu>
   <responsabilite titre="Responsable Coordinateur">
    <membre>
     <prenom>
       Prenom
     </prenom>
     <nom>
      Nom
     </nom>
     <adresse>
       Adresse
     </adresse>
     <codepostal>
       codepostal
     </codepostal>
     <commune>
       Commune
     </commune>
     <numfixe>
        0000000000
     </numfixe>
     <courriel>
        toto@wanadoo.fr
     </courriel>
    </membre>
   </responsabilite>
</csdu>
</disciplines>
</reglesCSDU>

Et maintenant le xsl :

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
 
<?xml version="1.0" encoding="iso-8859-1"?> 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:param name = "discipline">VTT</xsl:param>
	<xsl:template match="/">
		<div>
			<xsl:for-each select = "reglesCSDU/disciplines">
				<xsl:if test="@nom=$discipline">
					<p>
						Présentation
					</p>
					<p>
						<xsl:value-of select="presentation" />
					</p>
					<p>
						Règlement
					</p>
					<p>
						<xsl:value-of select="reglement" />
					</p>
					<xsl:for-each select = "csdu/responsabilite">
						<p>
							<xsl:value-of select = "@titre" />
						</p>
						<table>
							<tr>
							<xsl:for-each select="membre">
								<td>
									<xsl:value-of select="prenom" />
									<xsl:value-of select="nom" />
									<br />
									<xsl:value-of select="adresse" />
									<br />
									<xsl:value-of select="codepostal" />
									<xsl:value-of select="commune" />
									<xsl:if test="numfixe">
										<br />
										<xsl:value-of select="numfixe" />
									</xsl:if>
									<xsl:if test="numport">
										<br />
										<xsl:value-of select="numport" />
									</xsl:if>
									<xsl:if test="numfax">
										<br />
										<xsl:value-of select="numfax" />
									</xsl:if>
									<xsl:if test="courriel">
										<br />
										<a>
											<xsl:attribute name="href">
												<xsl:value-of select="courriel" />
											</xsl:attribute>
											<xsl:value-of select="courriel" />
										</a>
									</xsl:if>
								</td>
							</xsl:for-each>
							</tr>
						</table>
					</xsl:for-each>
					<xsl:if test="autre">
						<xsl:value-of select="autre/@titre" />
						<xsl:value-of select="autre" />
					</xsl:if>
				</xsl:if>
			</xsl:for-each> 
		</div> 
	</xsl:template> 
</xsl:stylesheet>

Avec tous ça je veux faire, en javascript, un truc du genre :

Code :

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

1
2
3
4
5
6
7
8
 
var docXML = new ActiveXObject("microsoft.xmldom");
var FileXSL = new ActiveXObject("Microsoft.xmldom");
 
docXML.load("../fichierXML/reglesCSDU.xml");
FileXSL.load("../fichierXSL/reglesCSDU.xsl");
 
document.getElementById("insert").innerHTML = docXML.transformNode(FileXSL.documentElement);<?xml version="1.0" encoding="iso-8859-1"?>

**virgul** · 26/08/2005, 15h37

La sortie de ta transformation est :

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
<div><p>Présentation</p><p> 
blabla 
</p><p>Règlement</p><p> 
blabla 
</p><p>Responsable Coordinateur</p><table><tr><td> 
Prenom 
 
Nom 
<br/> 
Adresse 
<br/> 
codepostal 
 
Commune 
<br/> 
0000000000 
<br/><a href=" &#xA;toto@wanadoo.fr &#xA;"> 
toto@wanadoo.fr 
</a></td></tr></table></div>

Je ne vois déjà pas le but de ton tableau car un tableau a 1 ligne et 1 cologne en plus sans border je n'en vois pas l'utilité!

pour le reste je ne suis pas un pro de jscript mais pour faire une transfo moi je procède ainsi:

Code :

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

1
2
3
4
5
 
var TransformedDOM = new ActiveXObject("MSXML2.DomDocument.5.0");
TransformedDOM.async = false;
TransformedDOM.validateOnParse = true;
TransformedDOM.loadXML( XMLFileDOM.transformNode(XSLTFileDOM));

++

Thierry

P.S. qu'en tu ajoute du code dans tes mess pense a la balise code! en haut quand tu écris ton message! C'est plus lisible

**SDuh** · 29/08/2005, 09h12

En fait j'ai juste mis un petit bout du xml mais dans celui que j'utilise j'ai plusieurs membres par responsabilite et ça m'arrange de l'afficher ainsi.

Lorsque j'insère directement le lien vers le xsl dans le xml et que je l'ouvre dans le navigateur, j'obtiens la mise en forme que j'attends.

Comment fais-tu pour connaitre la sortie de la transformation ?
Lorsque le xml est ouvert dans le navigateur, si j'affiche la source j'obtiens mon xml.
Lorsque je fais un alert en javascript pour obtenir la sortie de la transformation j'obtiens juste :

Code :

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

1
2
 
<?xml version="1.0" encoding="utf-8"><div></div>

Donc évidemment à l'affichage de ma page je ne vois rien.

A suivre.....

**SDuh** · 02/09/2005, 17h29

Personne d'autre pour m'aider..........

**SDuh** · 02/09/2005, 21h04

Eh bien je vais me répondre tous seul.

J'ai, par hazard, dans mon xml, supprimé la référence à la DTD, c'est à dire la ligne

Code :

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

1
2
 
<!DOCTYPE reglesCSDU SYSTEM "../fichierDTD/reglesCSDU.dtd">

et, oh! miracle, ça fonctionne........

Par contre je ne comprends pas pourquoi ??????????????????
Si quelqu'un pouvait m'expliquer.

Pour mon javascript j'ai mis ça (trouvé sur un site) :

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
 
var docXML = new ActiveXObject("Msxml2.DOMDocument");
docXML.async= false;
 
var xslt = new ActiveXObject("Msxml2.XSLTemplate");
var docXSL = new ActiveXObject("Msxml2.FreeThreadedDOMDocument");
docXSL.async = false;
var xslProc;
 
docXSL.load("../fichierXSLT/reglesCSDU.xslt");
xslt.stylesheet = docXSL;
 
docXML.load("../fichierXML/reglesCSDU.xml");
 
xslProc = xslt.createProcessor();
xslProc.input = docXML;
xslProc.transform();
 
document.getElementById("insert").innerHTML = xslProc.output;

Je croyais que la référence à la DTD était obligatoire.
J'ai même testé avec d'autres fichiers xml et ils s'affichent directement dans le navigateur sans référence à leur DTD.

Insertion d'XML dans de l'HTML

XML/XSL et SOAP

Discussions similaires

Partager

Partager