Extensible Markup Language

Home

» XML BASICS HOME » XML Introduction » XML How to Use » XML Syntax » XML Attributes » XML Validation » XML in your Browser » XML Viewing » XML Display

» DTD HOME » DTD Introduction » DTD Elements » DTD Attributes » DTD Entities » DTD Validation » DTD Examples

» DOM HOME » DOM Introduction » DOM Parsing » DOM ParseError » DOM Access

» XSL HOME » XSL Introduction » XSL Transformation » XSL on the Client » XSL on the Server » XSL Sorting » XSL Filtering » XSL If..Then » XSL Choose

XML RSS XHTML XML Examples

» XML Links HOME » W3C Links » Microsoft » Netscape » Interesting Reading » XML Books

XML Forum ASP Information Technology Jobs

Search XML Files:

XML Files Updates

DEVELOPER CHANNEL
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

Be a Commerce Partner

IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers

XSL Sort

by Jan Egil Refsnes

Where to put the Sort Information

Take a new look at the XML document that you have seen in almost every chapter (or open it with IE5):

<?xml version="1.0" encoding="ISO8859-1" ?>
<CATALOG>
  <CD>
    <TITLE>Empire Burlesque</TITLE>
    <ARTIST>Bob Dylan</ARTIST>
    <COUNTRY>USA</COUNTRY>
    <COMPANY>Columbia</COMPANY>
    <PRICE>10.90</PRICE>
    <YEAR>1985</YEAR>
  </CD>
.
.
.

To output this XML file as an ordinary HTML file, and sort it at the same time, simply add an order-by attribute to your for-each element like this:

<xsl:for-each select="CATALOG/CD" order-by="+ ARTIST">

The order-by attributes takes a plus (+) or minus (-) sign, to define an ascending or descending sort order, and an element name to define the sort element.

Now take a look at your slightly adjusted XSL stylesheet (or open it with IE5):

<?xml version='1.0'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
  <html>
  <body>
    <table border="2" bgcolor="yellow">
      <tr>
        <th>Title</th>
        <th>Artist</th>
      </tr>
      <xsl:for-each select="CATALOG/CD" order-by="+ ARTIST">
      <tr>
        <td><xsl:value-of select="TITLE"/></td>
        <td><xsl:value-of select="ARTIST"/></td>
      </tr>
      </xsl:for-each>
    </table>
  </body>
  </html>
</xsl:template>
</xsl:stylesheet>

Transforming it on the Client

Here is the simple source code needed transform the XML file to HTML on the client (try it yourself):

<html>
<body>
<script language="javascript">
// Load XML 
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("cd_catalog.xml")

// Load the XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("cd_catalog_sort.xsl")

// Transform
document.write(xml.transformNode(xsl))
</script>

</body>
</html>

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

DevX XML Content

- Creating Custom Export Filters for StarOffice with XSLT
- Consuming XML Web Services in iPhone Applications
- The Key XForms Enhancements in Version 1.1
- WPF Wonders: Building Control Templates
- Exploring HTML 5 Forms

Jump to : Top Of Page or HOME

XSL Sort

Where to put the Sort Information

Transforming it on the Client

Whitepapers and eBooks

Webcasts

Downloads and eKits

Tutorials and Demos