Utilisation code javascript dans xsl: Afficher un message + changement du couleur.

24/01/2015 17:46
<?xml version="1.0" encoding="ISO-8859-1" ?>
<xsl:stylesheet xmlns:xsl="https://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 Transitional//EN" doctype-system="https://www.w3.org/TR/html4/loose.dtd"/>
<xsl:template match="/">
<html>
<head>
<title>Collection de nuages</title>
<script type="text/javascript"><![CDATA[
var XMLsource = new Object;
var XSLsource = new Object;
XMLsource = document.XMLDocument;
XSLsource = document.XSLDocument;
 
                                            function changecouleur()
{
balisefont=XSLsource.documentElement.selectNodes("//font");
couleur=balisefont[0].getAttribute('color');
 
/*if (couleur=='red')
{(XSLsource.selectNodes("//font"))[0].setAttribute('color', 'blue');}
if (couleur=='blue')
{(XSLsource.selectNodes("//font"))[0].setAttribute('color', 'red');}*/
 
document.body.innerHTML = XMLsource.transformNode(XSLsource);
}
 
function affichealtitude(altmax, altmin)
{
alert("L'altitude maximale de ce nuage est " +altmax+"m, minimale "+altmin+"m.");
}
]]></script>
</head>
<!-- <body onClick="changecouleur()">-->
<body>
<h1>Les nuages</h1>
<xsl:for-each select="nuages/nuage">
<h2 onClick="affichealtitude({altitude/@max}, {altitude/@min})"><xsl:value-of select="nom/text()"/></h2>
<p>Ce type de nuage possède les <font color="red">espèces</font> suivantes&#160;:</p>
<ul>
<xsl:for-each select="nom/espece"><li><xsl:value-of select="."/></li></xsl:for-each>
</ul>
</xsl:for-each>
</body>
</html>
</xsl:template>
 
 
 
</xsl:stylesheet>
 
Précédent