xsl-list
[Top] [All Lists]

RE: Using javascript to pass a parameter to XSL

2005-03-17 10:41:42
Hi Maria,

I've almost got it but it doesn't quite work.

What exactly doesn't work? Let's see...

To start, first error I get is from MSXML 3.0 that complains: 

"The value of the "order" attribute may only be "ascending" or "descending""

See Michael Kay's 2nd Edition of XSLT, page 296.

I suggest you want the parameter "order" to contain "ascending" or
"descending", right?

Try

<xsl:sort select="$sortKey" order="{$sortOrder}"/>

That should do the trick.

Cheers,
<prs/> 

-----Original Message-----
From: Maria Amuchastegui [mailto:mamuchastegui(_at_)to(_dot_)epost(_dot_)ca] 
Sent: Jueves, 17 de Marzo de 2005 11:12 a.m.
To: xsl-list(_at_)lists(_dot_)mulberrytech(_dot_)com
Subject: [xsl] Using javascript to pass a parameter to XSL

I have an HTML file with an embedded XML island which calls an external
stylesheet. I want to use Javascript to pass a parameter to the stylesheet
using the addParameter method. I've almost got it but it doesn't quite work.

Here is the HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>
<head> <script language="JavaScript"> function sortXML(column,order) { var
xslt = new ActiveXObject("Msxml2.XSLTemplate.3.0");
var xsldoc = new ActiveXObject("Msxml2.FreeThreadedDOMDocument.3.0");
var xslproc;
xsldoc.async = false;
xsldoc.load('Sort.xsl');          
xslt.stylesheet = xsldoc;
var xmldoc = document.getElementById('ChargeableMessages');
xslproc = xslt.createProcessor();
xslproc.input = xmldoc;
xslproc.addParameter("sortKey", column); xslproc.addParameter("sortOrder",
order); xslproc.transform();
container.innerHTML = xmldoc.transformNode(xsldoc);        
}
</script>     
</head>
<body onload="sortXML('id','ascending');">

<div id="container"></div>

<xml id="ChargeableMessages" style="display:none;">
        <chargeablemessages>
                <message>
                        <id>1-01</id>
                        <date>2005-04-23</date>
                        <location>Quebec QC</location>
                        <number>418 683 1234</number>
                        <duration>1</duration>
                        <charges>0.43</charges>
                        <savings>.043</savings>
                        <amount/>
                </message>
                <message>
                        <id>1-02</id>
                        <date>2005-04-28</date>
                        <location>Montreal QC</location>
                        <number>514 485 6611</number>
                        <duration>2</duration>
                        <charges>3.44</charges>
                        <savings/>
                        <amount/>
                </message>
                <message>
                        <id>1-03</id>
                        <date>2005-05-01</date>
                        <location>Winnipeg MB</location>
                        <number>204 475 4565</number>
                        <duration>22</duration>
                        <charges>0.55</charges>
                        <savings/>
                        <amount/>
                </message>
        </chargeablemessages>
</xml>

</body>
</html>

And here is the stylesheet:

<?xml version="1.0" encoding="ISO-8859-1"?> <xsl:stylesheet
xmlns:xsl="http://www.w3.org/1999/XSL/Transform";
version="1.0">
        <xsl:param name="sortKey"/>
        <xsl:param name="sortOrder"/>
        <xsl:template match="/">
                <xsl:apply-templates select="chargeablemessages"/>
        </xsl:template>
        <xsl:template match="chargeablemessages">
                <h3>Long distance calls - Click on any column heading to
sort</h3>
                <table border="1">
                <tbody>
                <tr>
                <th><a href="#"
onclick="sortXML('id','ascending');">ID</a></th>
                <th><a href="#"
onclick="sortXML('date','ascending');">Date</a></th>
                <th><a href="#"
onclick="sortXML('location','ascending');">Location</a></th>
                <th><a href="#"
onclick="sortXML('number','ascending');">Number</a></th>
                <th><a href="#"
onclick="sortXML('duration','ascending');">Duration</a></th>
                <th><a href="#"
onclick="sortXML('charges','ascending');">Charges</a></th>
                </tr>

                <xsl:apply-templates select="//message">
                <xsl:sort select="$sortKey" order="$sortOrder"/>
                </xsl:apply-templates>

                </tbody>
                </table>
        </xsl:template>
        <xsl:template match="//message">
                <tr>
                <td><xsl:value-of select="id"/></td>
                <td><xsl:value-of select="date"/></td>
                <td><xsl:value-of select="location"/></td>
                <td><xsl:value-of select="number"/></td>
                <td><xsl:value-of select="duration"/></td>
                <td><xsl:value-of select="charges"/></td>
                </tr>
        </xsl:template>
</xsl:stylesheet>





--~------------------------------------------------------------------
XSL-List info and archive:  http://www.mulberrytech.com/xsl/xsl-list
To unsubscribe, go to: http://lists.mulberrytech.com/xsl-list/
or e-mail: <mailto:xsl-list-unsubscribe(_at_)lists(_dot_)mulberrytech(_dot_)com>
--~--

--~------------------------------------------------------------------
XSL-List info and archive:  http://www.mulberrytech.com/xsl/xsl-list
To unsubscribe, go to: http://lists.mulberrytech.com/xsl-list/
or e-mail: <mailto:xsl-list-unsubscribe(_at_)lists(_dot_)mulberrytech(_dot_)com>
--~--



<Prev in Thread] Current Thread [Next in Thread>