Xslt & Javascript

**stela86** · 19/04/2006, 09h23

Bonjour, voilà j'ai une feuille 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
 
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="exemple1.xsl"?>
<nuages>
	<nuage>
		<nom>altocumulus
			<espece>lenticularis</espece>
			<espece>stratiformis</espece>
			<espece>castellanus</espece>
			<espece>flocus</espece>
		</nom>
		<altitude max="6000" min="2000"/>
		<hydrometeores>Aucun.</hydrometeores>
	</nuage>
	<nuage>
		<nom>cirrus
			<espece>flocus</espece>
			<espece>castellanus</espece>
			<espece>spissatus</espece>
			<espece>uncinus</espece>
			<espece>fibratus</espece>
		</nom>
		<altitude max="12000" min="6000"/>
		<hydrometeores>Aucun.</hydrometeores>
	</nuage>
</nuages>

Et en fait j'ai fai une feuille de style XSL qui me permet lorsque je clique sur ma page de changer l'ordre :

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
 
<?xml version="1.0" encoding="ISO-8859-1" ?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" version="html4.01" encoding="ISO-8859-1" doctype-public="-//W3C//DTD HTML 4.01//EN"/>
<xsl:template match="/">
	<html>
		<head>
			<title>Collection de nuages</title>
			<script type="text/javascript">
				var XMLsource = new Object;
				var XSLsource = new Object;
				XMLsource = document.XMLDocument;
				XSLsource = document.XSLDocument;
 
                                            function changeordre()
					{
						XSLsort=XSLsource.documentElement.selectNodes("//xsl:sort");
						ordre_de_classement=XSLsort[0].getAttribute('order');
 
						if (ordre_de_classement=='ascending')
							{(XSLsource.selectNodes("//xsl:sort"))[0].setAttribute('order', 'descending');}
						if (ordre_de_classement=='descending')
							{(XSLsource.selectNodes("//xsl:sort"))[0].setAttribute('order', 'ascending');}
 
						document.body.innerHTML = XMLsource.transformNode(XSLsource);
					}
 
			</script>
		</head>
		<body onClick="changeordre()">
			<h1>Les nuages</h1>
			<xsl:for-each select="nuages/nuage">
				<h2><xsl:value-of select="nom/text()"/></h2>
				<p>Ce type de nuage possède les espèces suivantes :</p>
				<ul>
					<xsl:for-each select="nom/espece"><xsl:sort select="." order="ascending"/><li><xsl:value-of select="."/></li></xsl:for-each>	
				</ul>
			</xsl:for-each>
		</body>
	</html>
</xsl:template>
</xsl:stylesheet>

Je ne comprend pas pourquoi quand ej clique ça ne foncitonne pas ! Une idée ?
Merci beaucoup!

**stela86** · 19/04/2006, 11h15

En fait c'est mon XSLDocument qui ne possede pas de propriétés selon la console javascript!
Mais je n'arrive toujours pas à resoudre mon probleme!

**GrandFather** · 19/04/2006, 18h55

Bonjour,

ça ne peut pas fonctionner comme cela, tu ne peux pas intervenir dynamiquement sur du code XSLT et le déclencher à partir de la même page...

Fais une recherche dans le forum avec les mots 'tri' et 'dynamique', et regarde la FAQ pour comprendre comment passer des paramètres à une feuille de style, et tu auras la marche à suivre.

**stela86** · 20/04/2006, 11h47

j'ai effectivement chercher et j'ai trouver un exemple avec des personnes et un tri dynamique. J'ai donc créer trois fichier comme indiqué un XML,XSL,HTML.
Je ne comprend pas pourquoi on crait un fichier HTML !
Ou faut il le mettre faut il faire des liens dans les autres fichiers?

Xslt & Javascript

XSL/XSLT/XPATH XML

Vue hybride

Discussions similaires

Partager

Partager