XSL Tutorial

XSL TUTORIAL
XSL Languages
• It started with XSL and ended up with XSLT, XPath, and XSL-FO.
• It Started with XSL
XSL stands for EXtensible Stylesheet Language.
The World Wide Web Consortium (W3C) started to develop XSL because there was a need for an XML-
based Stylesheet Language.
CSS = Style Sheets for HTML
HTML uses predefined tags, and the meaning of each tag is well understood.
The <table> tag in HTML defines a table - and a browser knows how to display it.
Adding styles to HTML elements are simple. Telling a browser to display an element in a special font or
color, is easy with CSS.
XSL = Style Sheets for XML
XML does not use predefined tags (we can use any tag-names we like), and therefore the meaning of each
tag is not well understood.
A <table> tag could mean an HTML table, a piece of furniture, or something else - and a browser does not
know how to display it.
XSL describes how the XML document should be displayed!

XSL - More Than a Style Sheet Language
XSL consists of three parts:

• XSLT - a language for transforming XML documents
• XPath - a language for navigating in XML documents
• XSL-FO - a language for formatting XML documents
XSLT Introduction
XSLT is a language for transforming XML documents into XHTML documents or to other XML documents.
XPath is a language for navigating in XML documents.
What You Should Already Know
Before you continue you should have a basic understanding of the following:
• HTML / XHTML
• XML / XML Namespaces
• XPath
If you want to study these subjects first, find the tutorials on our Home page.
What is XSLT?
• XSLT stands for XSL Transformations
• XSLT is the most important part of XSL
• XSLT transforms an XML document into another XML document
• XSLT uses XPath to navigate in XML documents
• XSLT is a W3C Recommendation
• XSLT = XSL Transformations
• XSLT is the most important part of XSL.
• XSLT is used to transform an XML document into another XML document, or another type of
document that is recognized by a browser, like HTML and XHTML. Normally XSLT does this by
transforming each XML element into an (X)HTML element.
1
• With XSLT you can add/remove elements and attributes to or from the output file. You can also
rearrange and sort elements, perform tests and make decisions about which elements to hide and
display, and a lot more.
• A common way to describe the transformation process is to say that XSLT transforms an XML
source-tree into an XML result-tree.
• XSLT Uses XPath
• XSLT uses XPath to find information in an XML document. XPath is used to navigate through
elements and attributes in XML documents.
If you want to study XPath first, please read our XPath Tutorial.
How Does it Work?

In the transformation process, XSLT uses XPath to define parts of the source document that should match
one or more predefined templates. When a match is found, XSLT will transform the matching part of the
source document into the result document.
XSLT is a W3C Recommendation
XSLT became a W3C Recommendation 16. November 1999.
XSLT Browsers
All major browsers have support for XML and XSLT.
Mozilla Firefox
Firefox 3 supports XML, XSLT, and XPath.
Internet Explorer
Internet Explorer 6 supports XML, XSLT, and XPath.
Internet Explorer 5 is NOT compatible with the official W3C XSL Recommendation.
Google Chrome
Chrome 1 supports XML, XSLT, and XPath.
Opera
Opera 9 supports XML, XSLT, and XPath. Opera 8 supports only XML + CSS.
Apple Safari
Safari 3 supports XML and XSLT.
XSLT - Transformation
Example study: How to transform XML into XHTML using XSLT.
The details of this example will be explained in the next chapter.
Correct Style Sheet Declaration

The root element that declares the document to be an XSL style sheet is <xsl:stylesheet> or
<xsl:transform>.
Note:
<xsl:stylesheet> and <xsl:transform> are completely synonymous and either can be used!
The correct way to declare an XSL style sheet according to the W3C XSLT Recommendation is:
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
or:
<xsl:transform version="1.0"
To get access to the XSLT elements, attributes and features we must declare the XSLT namespace at the
top of the document.
2
The xmlns:xsl="http://www.w3.org/1999/XSL/Transform" points to the official W3C XSLT namespace. If you
use this namespace, you must also include the attribute version="1.0".
Start with a Raw XML Document

We want to transform the following XML document ("cdcatalog.xml") into XHTML:<?xml version="1.0"
encoding="ISO-8859-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>
.
.
</catalog>
Viewing XML Files in Firefox and Internet Explorer: Open the XML file (typically by clicking on a link) - The
XML document will be displayed with color-coded root and child elements. A plus (+) or minus sign (-) to the
left of the elements can be clicked to expand or collapse the element structure. To view the raw XML source
(without the + and - signs), select "View Page Source" or "View Source" from the browser menu.
Viewing XML Files in Netscape 6: Open the XML file, then right-click in XML file and select "View Page
Source". The XML document will then be displayed with color-coded root and child elements.
Viewing XML Files in Opera 7: Open the XML file, then right-click in XML file and select "Frame" / "View
Source". The XML document will be displayed as plain text.
"cdcatalog.xml"
Empire Burlesque Bob Dylan USA Columbia 10.90 1985 Hide your heart Bonnie Tyler UK CBS Records
9.90 1988 Greatest Hits Dolly Parton USA RCA 9.90 1982 Still got the blues Gary Moore UK Virgin records
10.20 1990 Eros Eros Ramazzotti EU BMG 9.90 1997 One night only Bee Gees UK Polydor 10.90 1998
Sylvias Mother Dr.Hook UK CBS 8.10 1973 Maggie May Rod Stewart UK Pickwick 8.50 1990 Romanza
Andrea Bocelli EU Polydor 10.80 1996 When a man loves a woman Percy Sledge USA Atlantic 8.70 1987
Black angel Savage Rose EU Mega 10.90 1995 1999 Grammy Nominees Many USA Grammy 10.20 1999
For the good times Kenny Rogers UK Mucik Master 8.70 1995 Big Willie style Will Smith USA Columbia
9.90 1997 Tupelo Honey Van Morrison UK Polydor 8.20 1971 Soulsville Jorn Hoel Norway WEA 7.90 1996
The very best of Cat Stevens UK Island 8.90 1990 Stop Sam Brown UK A and M 8.90 1988 Bridge of Spies
T`Pau UK Siren 7.90 1987 Private Dancer Tina Turner UK Capitol 8.90 1983 Midt om natten Kim Larsen EU
Medley 7.80 1983 Pavarotti Gala Concert Luciano Pavarotti UK DECCA 9.90 1991 The dock of the bay Otis
Redding USA Atlantic 7.90 1987 Picture book Simply Red EU Elektra 7.20 1985 Red The Communards UK
London 7.80 1987 Unchain my heart Joe Cocker USA EMI 8.20 1987
Create an XSL Style Sheet
Then you create an XSL Style Sheet ("cdcatalog.xsl") with a transformation template: <?xml version="1.0"
encoding="ISO-8859-1"?>
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Title</th>
3
<th>Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<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>
"cdcatalog.xsl"
My CD Collection Title Artist
Link the XSL Style Sheet to the XML Document

Add the XSL style sheet reference to your XML document ("cdcatalog.xml"):
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<catalog>
<cd>
<year>1985</year>
</cd>
.
.
</catalog>
If you have an XSLT compliant browser it will nicely transform your XML into XHTML.
View the result in this URL: http://w3schools.com/xsl/cdcatalog_with_xsl.xml

The details of the example above will be explained in the next chapters.
XSLT <xsl:template> Element

An XSL style sheet consists of one or more set of rules that are called templates.
A template contains rules to apply when a specified node is matched.
The <xsl:template> Element

The <xsl:template> element is used to build templates.
The match attribute is used to associate a template with an XML element. The match attribute can also be
used to define a template for the entire XML document. The value of the match attribute is an XPath
expression (i.e. match="/" defines the whole document).
Ok, let's look at a simplified version of the XSL file from the previous chapter
:Example:
<html>
<body>
4
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
<td>.</td>
<td>.</td>
</tr>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Example Explained
Since an XSL style sheet is an XML document, it always begins with the XML declaration: <?xml
version="1.0" encoding="ISO-8859-1"?>.
The next element, <xsl:stylesheet>, defines that this document is an XSLT style sheet document (along with
the version number and XSLT namespace attributes).
The <xsl:template> element defines a template. The match="/" attribute associates the template with the
root of the XML source document.
The content inside the <xsl:template> element defines some HTML to write to the output.
The last two lines define the end of the template and the end of the style sheet.
The result from this example was a little disappointing, because no data was copied from the XML document
to the output. In the next chapter you will learn how to use the <xsl:value-of> element to select values from
the XML elements.
XSLT <xsl:value-of> Element

The <xsl:value-of> element is used to extract the value of a selected node.
The <xsl:value-of> Element
The <xsl:value-of> element can be used to extract the value of an XML element and add it to the output
stream of the transformation:
Example:
<html>
<body>
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
<td><xsl:value-of select="catalog/cd/title"/></td>
<td><xsl:value-of select="catalog/cd/artist"/></td>
</tr>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
5
Example Explained
Note: The value of the select attribute is an XPath expression. An XPath expression works like navigating a
file system; where a forward slash (/) selects subdirectories.
The result of the transformation above will look like this:

The result from this example was also a little disappointing, because only one line of data was copied from
the XML document to the output. In the next chapter you will learn how to use the <xsl:for-each> element to
loop through the XML elements, and display all of the records.
XSLT <xsl:for-each> Element

The <xsl:for-each> element allows you to do looping in XSLT.
The <xsl:for-each> Element

The XSL <xsl:for-each> element can be used to select every XML element of a specified node-set
:Example:
<html>
<body>
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Note: The value of the select attribute is an XPath expression. An XPath expression works like navigating a
file system; where a forward slash (/) selects subdirectories.
Filtering the Output

We can also filter the output from the XML file by adding a criterion to the select attribute in the <xsl:for-
each> element.
<xsl:for-each select="catalog/cd[artist='Bob Dylan']">
Legal filter operators are:

= (equal)
!= (not equal)
< less than
> greater than
Take a look at the adjusted XSL style sheet:Example<?xml version="1.0" encoding="ISO-8859-1"?>
<html>
<body>
6
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
XSLT <xsl:sort> Element

The <xsl:sort> element is used to sort the output.
Where to put the Sort Information
To sort the output, simply add an <xsl:sort> element inside the <xsl:for-each> element in the XSL file:
Example
<html>
<body>
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:sort select="artist"/>
<tr>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Note: The select attribute indicates what XML element to sort on.
XSLT <xsl:if> Element

The <xsl:if> element is used to put a conditional test against the content of the XML file.
The <xsl:if> Element

To put a conditional if test against the content of the XML file, add an <xsl:if> element to the XSL document.
Syntax<xsl:if test="expression">
...some output if the expression is true...
</xsl:if>
7
Where to Put the <xsl:if> Element
To add a conditional test, add the <xsl:if> element inside the <xsl:for-each> element in the XSL file:
Example
<html>
<body>
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:if test="price > 10">
<tr>
</tr>
</xsl:if>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Note: The value of the required test attribute contains the expression to be evaluated.
The code above will only output the title and artist elements of the CDs that has a price that is higher than
10.
XSLT <xsl:choose> Element

The <xsl:choose> element is used in conjunction with <xsl:when> and <xsl:otherwise> to express multiple
conditional tests.
The <xsl:choose> Element
Syntax<xsl:choose>
<xsl:when test="expression">
... some output ...
</xsl:when>
<xsl:otherwise>
... some output ....
</xsl:otherwise>
</xsl:choose>
Where to put the Choose Condition

To insert a multiple conditional test against the XML file, add the <xsl:choose>, <xsl:when>, and
<xsl:otherwise> elements to the XSL file
:Example
<html>
<body>
<table border="1">
8
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
<xsl:choose>
<xsl:when test="price > 10">
<td bgcolor="#ff00ff">
<xsl:value-of select="artist"/></td>
</xsl:when>
<xsl:otherwise>
</xsl:otherwise>
</xsl:choose>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
The code above will add a pink background-color to the "Artist" column WHEN the price of the CD is higher
than 10.
Another Example
Here is another example that contains two <xsl:when> elements:
Example
<html>
<body>
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
<xsl:choose>
</xsl:when>
<td bgcolor="#cccccc">
</xsl:when>
<xsl:otherwise>
</xsl:otherwise>
</xsl:choose>
</tr>
</xsl:for-each>
</table>
</body>
9
</html>
</xsl:template>
</xsl:stylesheet>
The code above will add a pink background color to the "Artist" column WHEN the price of the CD is higher
than 10, and a grey background-color WHEN the price of the CD is higher than 9 and lower or equal to 10.
XSLT <xsl:apply-templates> Element

The <xsl:apply-templates> element applies a template to the current element or to the current element's
child nodes.
The <xsl:apply-templates> Element

The <xsl:apply-templates> element applies a template to the current element or to the current element's
child nodes.
If we add a select attribute to the <xsl:apply-templates> element it will process only the child element that
matches the value of the attribute. We can use the select attribute to specify the order in which the child
nodes are processed.
Look at the following XSL style sheet:

Example
<html>
<body>
<xsl:apply-templates/>
</body>
</html>
</xsl:template>
<xsl:template match="cd">
<p>
<xsl:apply-templates select="title"/>
<xsl:apply-templates select="artist"/>
</p>
</xsl:template>
<xsl:template match="title">
Title: <span style="color:#ff0000">
<xsl:value-of select="."/></span>
<br />
</xsl:template>
<xsl:template match="artist">
Artist: <span style="color:#00ff00">
<br />
</xsl:template>
</xsl:stylesheet>
XSLT - On the Client

If your browser supports it, XSLT can be used to transform the document to XHTML in your browser.
10
A JavaScript Solution
In the previous chapters we have explained how XSLT can be used to transform a document from XML to
XHTML. We did this by adding an XSL style sheet to the XML file and let the browser do the transformation.
Even if this works fine, it is not always desirable to include a style sheet reference in an XML file (e.g. it will
not work in a non XSLT aware browser.)
A more versatile solution would be to use a JavaScript to do the transformation.
By using a JavaScript, we can:

• do browser-specific testing
• use different style sheets according to browser and user needs
That is the beauty of XSLT! One of the design goals for XSLT was to make it possible to transform data from
one format to another, supporting different browsers and different user needs.
XSLT transformation on the client side is bound to be a major part of the browsers work tasks in the future,
as we will see a growth in the specialized browser market (Braille, aural browsers, Web printers, handheld
devices, etc.)
The XML File and the XSL File
Look at the XML document that you have seen in the previous chapters:
<catalog>
<cd>
<year>1985</year>
</cd>
.
.
</catalog>
And the accompanying XSL style sheet:

<html>
<body>
<table border="1">
<th align="left">Title</th>
<th align="left">Artist</th>
</tr>
<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>
11
View the XSL file.
Notice that the XML file does not have a reference to the XSL file.
IMPORTANT: The above sentence indicates that an XML file could be transformed using many different
XSL style sheets.
Transforming XML to XHTML in the Browser
Here is the source code needed to transform the XML file to XHTML on the client:Example<html>
<head>
<script>
function loadXMLDoc(fname)
{
var xmlDoc;
// code for IE
if (window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation
&& document.implementation.createDocument)
{
xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert('Your browser cannot handle this script');
}
xmlDoc.async=false;
xmlDoc.load(fname);
return(xmlDoc);
}
function displayResult()
{
xml=loadXMLDoc("cdcatalog.xml");
xsl=loadXMLDoc("cdcatalog.xsl");
// code for IE
if (window.ActiveXObject)
{
ex=xml.transformNode(xsl);
document.getElementById("example").innerHTML=ex;
}
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation
&& document.implementation.createDocument)
{
xsltProcessor=new XSLTProcessor();
xsltProcessor.importStylesheet(xsl);
resultDocument = xsltProcessor.transformToFragment(xml,document);
document.getElementById("example").appendChild(resultDocument);
}
}
</script>
</head>
<body id="example" onLoad="displayResult()">
</body>
</html>
12
Tip: If you don't know how to write JavaScript, you can study our JavaScript tutorial.
Example Explained:
The loadXMLDoc() Function

The loadXMLDoc() function is used to load the XML and XSL files.
It checks what kind of browser the user has and loads the file.
The displayResult() Function
This function is used to display the XML file styled by the XSL file.
• Load XML and XSL file
• Test what kind of browser the user has
• If the user has a browser supporting the ActiveX object:
• Use the transformNode() method to apply the XSL style sheet to the xml document
• Set the body of the current document (id="example") to contain the styled xml document
• If the user has a browser that does not support the ActiveX object:
• Create a new XSLTProcessor object and import the XSL file to it
• Use the transformToFragment() method to apply the XSL style sheet to the xml document
• Set the body of the current document (id="example") to contain the styled xml document
XSLT - On the Server

Since not all browsers support XSLT, one solution is to transform the XML to XHTML on the server.
A Cross Browser Solution

In the previous chapter we explained how XSLT can be used to transform a document from XML to XHTML
in the browser. We created a JavaScript that used an XML parser to do the transformation. The JavaScript
solution will not work in a browser that doesn't have an XML parser.
To make XML data available to all kind of browsers, we must transform the XML document on the SERVER
and send it as XHTML back to the browser.
That's another beauty of XSLT. One of the design goals for XSLT was to make it possible to transform data
from one format to another on a server, returning readable data to all kinds of browsers.
The XML File and the XSLT File

Look at the XML document that you have seen in the previous chapters:
<catalog>
<cd>
<year>1985</year>
</cd>
.
.
</catalog>
.
And the accompanying XSL style sheet:
<html>
13
<body>
<table border="1">
<th align="left">Title</th>
<th align="left">Artist</th>
</tr>
<tr>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Notice that the XML file does not have a reference to the XSL file.
IMPORTANT: The above sentence indicates that an XML file could be transformed using many different
XSL style sheets.
Transforming XML to XHTML on the Server
Here is the ASP source code needed to transform the XML file to XHTML on the server:
<%
'Load XML
set xml = Server.CreateObject("Microsoft.XMLDOM")
xml.async = false
xml.load(Server.MapPath("cdcatalog.xml"))
'Load XSL
set xsl = Server.CreateObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load(Server.MapPath("cdcatalog.xsl"))
'Transform file
Response.Write(xml.transformNode(xsl))
%>
Tip: If you don't know how to write ASP, you can study our ASP tutorial.
The first block of code creates an instance of the Microsoft XML parser (XMLDOM), and loads the XML file
into memory. The second block of code creates another instance of the parser and loads the XSL file into
memory. The last line of code transforms the XML document using the XSL document, and sends the result
as XHTML to your browser. Nice!
XSLT - Editing XML

Data stored in XML files can be edited from an Internet browser.
Open, Edit and Save XML

Now, we will show how to open, edit, and save an XML file that is stored on the server.
We will use XSL to transform the XML document into an HTML form. The values of the XML elements will
be written to HTML input fields in an HTML form. The HTML form is editable. After editing the data, the data
is going to be submitted back to the server and the XML file will be updated (this part is done with ASP).
14
The XML File and the XSL File
First, look at the XML document that will be used ("tool.xml"):<?xml version="1.0" encoding="ISO-8859-1"?>
<tool>
<field id="prodName">
<value>HAMMER HG2606</value>
</field>
<field id="prodNo">
<value>32456240</value>
</field>
<field id="price">
<value>$30.00</value>
</field>
</tool>
Then, take a look at the following style sheet ("tool.xsl"):<?xml version="1.0" encoding="ISO-8859-1"?>
<html>
<body>
<form method="post" action="edittool.asp">
<h2>Tool Information (edit):</h2>
<table border="0">
<xsl:for-each select="tool/field">
<tr>
<td><xsl:value-of select="@id"/></td>
<td>
<input type="text">
<xsl:attribute name="id">
<xsl:value-of select="@id" />
</xsl:attribute>
<xsl:attribute name="name">
<xsl:value-of select="@id" />
</xsl:attribute>
<xsl:attribute name="value">
<xsl:value-of select="value" />
</xsl:attribute>
</input>
</td>
</tr>
</xsl:for-each>
</table>
<br />
<input type="submit" id="btn_sub" name="btn_sub" value="Submit" />
<input type="reset" id="btn_res" name="btn_res" value="Reset" />
</form>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
The XSL file above loops through the elements in the XML file and creates one input field for each XML
"field" element. The value of the XML "field" element's "id" attribute is added to both the "id" and "name"
attributes of each HTML input field. The value of each XML "value" element is added to the "value" attribute
of each HTML input field. The result is an editable HTML form that contains the values from the XML file.
Then, we have a second style sheet: "tool_updated.xsl". This is the XSL file that will be used to display the
updated XML data.
This style sheet will not result in an editable HTML form, but a static HTML table:
15
<html>
<body>
<h2>Updated Tool Information:</h2>
<table border="1">
<xsl:for-each select="tool/field">
<tr>
<td><xsl:value-of select="@id" /></td>
<td><xsl:value-of select="value" /></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
The ASP File

The HTML form in the "tool.xsl" file above has an action attribute with a value of "edittool.asp".
The "edittool.asp" page contains two functions: The loadFile() function loads and transforms the XML file for
display and the updateFile() function applies the changes to the XML file:<%
function loadFile(xmlfile,xslfile)
Dim xmlDoc,xslDoc
'Load XML file
set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
xmlDoc.async = false
xmlDoc.load(xmlfile)
'Load XSL file
set xslDoc = Server.CreateObject("Microsoft.XMLDOM")
xslDoc.async = false
xslDoc.load(xslfile)
'Transform file
Response.Write(xmlDoc.transformNode(xslDoc))
end function
function updateFile(xmlfile)
Dim xmlDoc,rootEl,f
Dim i
'Load XML file
set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
xmlDoc.async = false
xmlDoc.load(xmlfile)
'Set the rootEl variable equal to the root element

Set rootEl = xmlDoc.documentElement
'Loop through the form collection

for i = 1 To Request.Form.Count
'Eliminate button elements in the form
if instr(1,Request.Form.Key(i),"btn_")=0 then
'The selectSingleNode method queries the XML file for a single node
'that matches a query. This query requests the value element that is
'the child of a field element that has an id attribute which matches
'the current key value in the Form Collection. When there is a match -
'set the text property equal to the value of the current field in the
'Form Collection.
set f = rootEl.selectSingleNode("field[@id='" & _
Request.Form.Key(i) & "']/value")
16
f.Text = Request.Form(i)
end if
next
'Save the modified XML file

xmlDoc.save xmlfile
'Release all object references

set xmlDoc=nothing
set rootEl=nothing
set f=nothing
'Load the modified XML file with a style sheet that

'allows the client to see the edited information
loadFile xmlfile,server.MapPath("tool_updated.xsl")
end function
'If the form has been submitted update the

'XML file and display result - if not,
'transform the XML file for editing
if Request.Form("btn_sub")="" then
loadFile server.MapPath("tool.xml"),server.MapPath("tool.xsl")
else
updateFile server.MapPath("tool.xml")
end if
%>
Tip: If you don't know how to write ASP, you can study our ASP tutorial.
Note: We are doing the transformation and applying the changes to the XML file on the server. This is a
cross-browser solution. The client will only get HTML back from the server - which will work in any browser.
XML Editors
If you are serious about XML, you will benefit from using a professional XML Editor.
XML is Text-based
XML is a text-based markup language.
One great thing about XML is that XML files can be created and edited using a simple text-editor like
Notepad.
However, when you start working with XML, you will soon find that it is better to edit XML documents using a
professional XML editor.
Why Not Notepad?

Many web developers use Notepad to edit both HTML and XML documents because Notepad is included
with the most common OS and it is simple to use. Personally I often use Notepad for quick editing of simple
HTML, CSS, and XML files.
But, if you use Notepad for XML editing, you will soon run into problems.
Notepad does not know that you are writing XML, so it will not be able to assist you.
Why an XML Editor?

Today XML is an important technology, and development projects use XML-based technologies like:
XML Schema to define XML structures and data types
XSLT to transform XML data
SOAP to exchange XML data between applications
WSDL to describe web services
RDF to describe web resources
XPath and XQuery to access XML data
SMIL to define graphics
To be able to write error-free XML documents, you will need an intelligent XML editor!
17
XML Editors
Professional XML editors will help you to write error-free XML documents, validate your XML against a DTD
or a schema, and force you to stick to a valid XML structure.
An XML editor should be able to:
Add closing tags to your opening tags automatically
Force you to write valid XML
Verify your XML against a DTD
Verify your XML against a Schema
Color code your XML syntax
XSLT Summary
This tutorial has taught you how to use XSLT to transform XML documents into other formats, like XHTML.
You have learned how to add/remove elements and attributes to or from the output file.
You have also learned how to rearrange and sort elements, perform tests and make decisions about which
elements to hide and display.
Now You Know XSLT, What's Next?

XSL includes 3 languages: XSLT, XPath and XSL-FO, so the next step is to learn about XPath and XSL-FO.
XPath
• XPath is used to navigate through elements and attributes in an XML document.
• XPath is a major element in the W3C's XSL standard. An understanding of XPath is fundamental
for advanced use of XML.
Without any XPath knowledge, you will not be able to create XSLT documents.
If you want to learn more about the XPath, please visit our XPath tutorial.
XSL-FO
• XSL-FO describes the formatting of XML data for output to screen, paper or other media.
• XSL-FO documents are XML files with information about the output layout and output content.
XSLT Examples
*The <xsl:template> Element
A template contains rules to apply when a specified node is matched
XML CODE:

<catalog>
<cd>
<year>1985</year>
</cd>
<cd>
<title>Hide your heart</title>
<artist>Bonnie Tyler</artist>
<country>UK</country>
<company>CBS Records</company>
<price>9.90</price>
<year>1988</year>
</cd>
<cd>
<title>Greatest Hits</title>
<artist>Dolly Parton</artist>
<company>RCA</company>
18
<price>9.90</price>
<year>1982</year>
</cd>
<cd>
<title>Still got the blues</title>
<artist>Gary Moore</artist>
<company>Virgin records</company>
<year>1990</year>
</cd>
<cd>
<title>Eros</title>
<artist>Eros Ramazzotti</artist>
<country>EU</country>
<company>BMG</company>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<title>One night only</title>
<artist>Bee Gees</artist>
<company>Polydor</company>
<year>1998</year>
</cd>
<cd>
<title>Sylvias Mother</title>
<artist>Dr.Hook</artist>
<company>CBS</company>
<price>8.10</price>
<year>1973</year>
</cd>
<cd>
<title>Maggie May</title>
<artist>Rod Stewart</artist>
<company>Pickwick</company>
<price>8.50</price>
<year>1990</year>
</cd>
<cd>
<title>Romanza</title>
<artist>Andrea Bocelli</artist>
<year>1996</year>
</cd>
<cd>
<title>When a man loves a woman</title>
<artist>Percy Sledge</artist>
<company>Atlantic</company>
<price>8.70</price>
<year>1987</year>
</cd>
<cd>
<title>Black angel</title>
<artist>Savage Rose</artist>
19
<company>Mega</company>
<year>1995</year>
</cd>
<cd>
<title>1999 Grammy Nominees</title>
<artist>Many</artist>
<company>Grammy</company>
<year>1999</year>
</cd>
<cd>
<title>For the good times</title>
<artist>Kenny Rogers</artist>
<company>Mucik Master</company>
<price>8.70</price>
<year>1995</year>
</cd>
<cd>
<title>Big Willie style</title>
<artist>Will Smith</artist>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<title>Tupelo Honey</title>
<artist>Van Morrison</artist>
<price>8.20</price>
<year>1971</year>
</cd>
<cd>
<title>Soulsville</title>
<artist>Jorn Hoel</artist>
<country>Norway</country>
<company>WEA</company>
<price>7.90</price>
<year>1996</year>
</cd>
<cd>
<title>The very best of</title>
<artist>Cat Stevens</artist>
<company>Island</company>
<price>8.90</price>
<year>1990</year>
</cd>
<cd>
<title>Stop</title>
<artist>Sam Brown</artist>
<company>A and M</company>
<price>8.90</price>
<year>1988</year>
</cd>
<cd>
20
<title>Bridge of Spies</title>
<artist>T`Pau</artist>
<company>Siren</company>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<title>Private Dancer</title>
<artist>Tina Turner</artist>
<company>Capitol</company>
<price>8.90</price>
<year>1983</year>
</cd>
<cd>
<title>Midt om natten</title>
<artist>Kim Larsen</artist>
<company>Medley</company>
<price>7.80</price>
<year>1983</year>
</cd>
<cd>
<title>Pavarotti Gala Concert</title>
<artist>Luciano Pavarotti</artist>
<company>DECCA</company>
<price>9.90</price>
<year>1991</year>
</cd>
<cd>
<title>The dock of the bay</title>
<artist>Otis Redding</artist>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<title>Picture book</title>
<artist>Simply Red</artist>
<company>Elektra</company>
<price>7.20</price>
<year>1985</year>
</cd>
<cd>
<title>Red</title>
<artist>The Communards</artist>
<company>London</company>
<price>7.80</price>
<year>1987</year>
</cd>
<cd>
<title>Unchain my heart</title>
<artist>Joe Cocker</artist>
<company>EMI</company>
<price>8.20</price>
<year>1987</year>
21
</cd>
</catalog>
XSLT CODE:
<html>
<body>
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
<td>.</td>
<td>.</td>
</tr>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
*The <xsl:value-of> Element

Extract the value of a selected node
XML CODE:
<catalog>
<cd>
<year>1985</year>
</cd>
<cd>
<price>9.90</price>
<year>1988</year>
</cd>
<cd>
<price>9.90</price>
<year>1982</year>
</cd>
<cd>
22
<year>1990</year>
</cd>
<cd>
<title>Eros</title>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<year>1998</year>
</cd>
<cd>
<price>8.10</price>
<year>1973</year>
</cd>
<cd>
<price>8.50</price>
<year>1990</year>
</cd>
<cd>
<year>1996</year>
</cd>
<cd>
<price>8.70</price>
<year>1987</year>
</cd>
<cd>
<year>1995</year>
</cd>
<cd>
23
<year>1999</year>
</cd>
<cd>
<price>8.70</price>
<year>1995</year>
</cd>
<cd>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<price>8.20</price>
<year>1971</year>
</cd>
<cd>
<price>7.90</price>
<year>1996</year>
</cd>
<cd>
<price>8.90</price>
<year>1990</year>
</cd>
<cd>
<title>Stop</title>
<price>8.90</price>
<year>1988</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
24
<cd>
<price>8.90</price>
<year>1983</year>
</cd>
<cd>
<price>7.80</price>
<year>1983</year>
</cd>
<cd>
<price>9.90</price>
<year>1991</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>7.20</price>
<year>1985</year>
</cd>
<cd>
<title>Red</title>
<price>7.80</price>
<year>1987</year>
</cd>
<cd>
<price>8.20</price>
<year>1987</year>
</cd>
</catalog>
XSLT CODE:
25
<html>
<body>
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
<td><xsl:value-of select="catalog/cd/title" /></td>
<td><xsl:value-of select="catalog/cd/artist" /></td>
</tr>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
*The <xsl:for-each> Element

Select every XML element of a specified node-set with the <xsl:for-each> element
XML CODE:
<catalog>
<cd>
<year>1985</year>
</cd>
<cd>
<price>9.90</price>
<year>1988</year>
</cd>
<cd>
<price>9.90</price>
<year>1982</year>
</cd>
<cd>
<year>1990</year>
</cd>
<cd>
<title>Eros</title>
26
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<year>1998</year>
</cd>
<cd>
<price>8.10</price>
<year>1973</year>
</cd>
<cd>
<price>8.50</price>
<year>1990</year>
</cd>
<cd>
<year>1996</year>
</cd>
<cd>
<price>8.70</price>
<year>1987</year>
</cd>
<cd>
<year>1995</year>
</cd>
<cd>
<year>1999</year>
</cd>
27
<cd>
<price>8.70</price>
<year>1995</year>
</cd>
<cd>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<price>8.20</price>
<year>1971</year>
</cd>
<cd>
<price>7.90</price>
<year>1996</year>
</cd>
<cd>
<price>8.90</price>
<year>1990</year>
</cd>
<cd>
<title>Stop</title>
<price>8.90</price>
<year>1988</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>8.90</price>
28
<year>1983</year>
</cd>
<cd>
<price>7.80</price>
<year>1983</year>
</cd>
<cd>
<price>9.90</price>
<year>1991</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>7.20</price>
<year>1985</year>
</cd>
<cd>
<title>Red</title>
<price>7.80</price>
<year>1987</year>
</cd>
<cd>
<price>8.20</price>
<year>1987</year>
</cd>
</catalog>
XSLT CODE:
<html>
<body>
<table border="1">
29
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Filter the output in a node-set:
XML CODE:
<catalog>
<cd>
<year>1985</year>
</cd>
<cd>
<price>9.90</price>
<year>1988</year>
</cd>
<cd>
<price>9.90</price>
<year>1982</year>
</cd>
<cd>
<year>1990</year>
</cd>
<cd>
<title>Eros</title>
<price>9.90</price>
<year>1997</year>
</cd>
30
<cd>
<year>1998</year>
</cd>
<cd>
<price>8.10</price>
<year>1973</year>
</cd>
<cd>
<price>8.50</price>
<year>1990</year>
</cd>
<cd>
<year>1996</year>
</cd>
<cd>
<price>8.70</price>
<year>1987</year>
</cd>
<cd>
<year>1995</year>
</cd>
<cd>
<year>1999</year>
</cd>
<cd>
<price>8.70</price>
31
<year>1995</year>
</cd>
<cd>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<price>8.20</price>
<year>1971</year>
</cd>
<cd>
<price>7.90</price>
<year>1996</year>
</cd>
<cd>
<price>8.90</price>
<year>1990</year>
</cd>
<cd>
<title>Stop</title>
<price>8.90</price>
<year>1988</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>8.90</price>
<year>1983</year>
</cd>
<cd>
32
<price>7.80</price>
<year>1983</year>
</cd>
<cd>
<price>9.90</price>
<year>1991</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>7.20</price>
<year>1985</year>
</cd>
<cd>
<title>Red</title>
<price>7.80</price>
<year>1987</year>
</cd>
<cd>
<price>8.20</price>
<year>1987</year>
</cd>
</catalog>
XSLT CODE:
<html>
<body>
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
33
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
*The <xsl:if> Element

Put a conditional test against the content of an XML file
XML CODE:
<catalog>
<cd>
<year>1985</year>
</cd>
<cd>
<price>9.90</price>
<year>1988</year>
</cd>
<cd>
<price>9.90</price>
<year>1982</year>
</cd>
<cd>
<year>1990</year>
</cd>
<cd>
<title>Eros</title>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
34
<year>1998</year>
</cd>
<cd>
<price>8.10</price>
<year>1973</year>
</cd>
<cd>
<price>8.50</price>
<year>1990</year>
</cd>
<cd>
<year>1996</year>
</cd>
<cd>
<price>8.70</price>
<year>1987</year>
</cd>
<cd>
<year>1995</year>
</cd>
<cd>
<year>1999</year>
</cd>
<cd>
<price>8.70</price>
<year>1995</year>
</cd>
<cd>
35
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<price>8.20</price>
<year>1971</year>
</cd>
<cd>
<price>7.90</price>
<year>1996</year>
</cd>
<cd>
<price>8.90</price>
<year>1990</year>
</cd>
<cd>
<title>Stop</title>
<price>8.90</price>
<year>1988</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>8.90</price>
<year>1983</year>
</cd>
<cd>
<price>7.80</price>
<year>1983</year>
</cd>
<cd>
36
<price>9.90</price>
<year>1991</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>7.20</price>
<year>1985</year>
</cd>
<cd>
<title>Red</title>
<price>7.80</price>
<year>1987</year>
</cd>
<cd>
<price>8.20</price>
<year>1987</year>
</cd>
</catalog>
XSLT CODE:
<html>
<body>
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:if test="price>10">
<tr>
</tr>
</xsl:if>
</xsl:for-each>
37
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
*The <xsl:choose> Element
Example 1
This example will add a pink background-color to the "Artist" column WHEN the price of the CD is higher
than 10:
XML CODE:
<catalog>
<cd>
<year>1985</year>
</cd>
<cd>
<price>9.90</price>
<year>1988</year>
</cd>
<cd>
<price>9.90</price>
<year>1982</year>
</cd>
<cd>
<year>1990</year>
</cd>
<cd>
<title>Eros</title>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
38
<year>1998</year>
</cd>
<cd>
<price>8.10</price>
<year>1973</year>
</cd>
<cd>
<price>8.50</price>
<year>1990</year>
</cd>
<cd>
<year>1996</year>
</cd>
<cd>
<price>8.70</price>
<year>1987</year>
</cd>
<cd>
<year>1995</year>
</cd>
<cd>
<year>1999</year>
</cd>
<cd>
<price>8.70</price>
<year>1995</year>
</cd>
<cd>
39
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<price>8.20</price>
<year>1971</year>
</cd>
<cd>
<price>7.90</price>
<year>1996</year>
</cd>
<cd>
<price>8.90</price>
<year>1990</year>
</cd>
<cd>
<title>Stop</title>
<price>8.90</price>
<year>1988</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>8.90</price>
<year>1983</year>
</cd>
<cd>
<price>7.80</price>
<year>1983</year>
</cd>
<cd>
40
<price>9.90</price>
<year>1991</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>7.20</price>
<year>1985</year>
</cd>
<cd>
<title>Red</title>
<price>7.80</price>
<year>1987</year>
</cd>
<cd>
<price>8.20</price>
<year>1987</year>
</cd>
</catalog>
XSLT CODE:
<html>
<body>
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
<xsl:choose>
<xsl:value-of select="artist"/>
</td>
41
</xsl:when>
<xsl:otherwise>
</xsl:otherwise>
</xsl:choose>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Example 2
This example will add a pink background color to the "Artist" column WHEN the price of the CD is higher
than 10, and a grey background-color WHEN the price of the CD is higher than 9 and lower or equal to 10.
XML CODE:
<catalog>
<cd>
<year>1985</year>
</cd>
<cd>
<price>9.90</price>
<year>1988</year>
</cd>
<cd>
<price>9.90</price>
<year>1982</year>
</cd>
<cd>
<year>1990</year>
</cd>
<cd>
<title>Eros</title>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
42
<year>1998</year>
</cd>
<cd>
<price>8.10</price>
<year>1973</year>
</cd>
<cd>
<price>8.50</price>
<year>1990</year>
</cd>
<cd>
<year>1996</year>
</cd>
<cd>
<price>8.70</price>
<year>1987</year>
</cd>
<cd>
<year>1995</year>
</cd>
<cd>
<year>1999</year>
</cd>
<cd>
<price>8.70</price>
<year>1995</year>
43
</cd>
<cd>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<price>8.20</price>
<year>1971</year>
</cd>
<cd>
<price>7.90</price>
<year>1996</year>
</cd>
<cd>
<price>8.90</price>
<year>1990</year>
</cd>
<cd>
<title>Stop</title>
<price>8.90</price>
<year>1988</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>8.90</price>
<year>1983</year>
</cd>
<cd>
44
<price>7.80</price>
<year>1983</year>
</cd>
<cd>
<price>9.90</price>
<year>1991</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>7.20</price>
<year>1985</year>
</cd>
<cd>
<title>Red</title>
<price>7.80</price>
<year>1987</year>
</cd>
<cd>
<price>8.20</price>
<year>1987</year>
</cd>
</catalog>
XSLT CODE:
<html>
<body>
<table border="1">
<th>Title</th>
<th>Artist</th>
</tr>
<tr>
45
<xsl:choose>
<xsl:value-of select="artist"/>
</td>
</xsl:when>
<td bgcolor="#cccccc">
</xsl:when>
<xsl:otherwise>
</xsl:otherwise>
</xsl:choose>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
*The <xsl:apply-templates> Element

Apply templates to elements
XML CODE:
<catalog>
<cd>
<year>1985</year>
</cd>
<cd>
<price>9.90</price>
<year>1988</year>
</cd>
<cd>
<price>9.90</price>
<year>1982</year>
</cd>
<cd>
<year>1990</year>
</cd>
<cd>
46
<title>Eros</title>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<year>1998</year>
</cd>
<cd>
<price>8.10</price>
<year>1973</year>
</cd>
<cd>
<price>8.50</price>
<year>1990</year>
</cd>
<cd>
<year>1996</year>
</cd>
<cd>
<price>8.70</price>
<year>1987</year>
</cd>
<cd>
<year>1995</year>
</cd>
<cd>
<year>1999</year>
47
</cd>
<cd>
<price>8.70</price>
<year>1995</year>
</cd>
<cd>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<price>8.20</price>
<year>1971</year>
</cd>
<cd>
<price>7.90</price>
<year>1996</year>
</cd>
<cd>
<price>8.90</price>
<year>1990</year>
</cd>
<cd>
<title>Stop</title>
<price>8.90</price>
<year>1988</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
48
<price>8.90</price>
<year>1983</year>
</cd>
<cd>
<price>7.80</price>
<year>1983</year>
</cd>
<cd>
<price>9.90</price>
<year>1991</year>
</cd>
<cd>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<price>7.20</price>
<year>1985</year>
</cd>
<cd>
<title>Red</title>
<price>7.80</price>
<year>1987</year>
</cd>
<cd>
<price>8.20</price>
<year>1987</year>
</cd>
</catalog>
XSLT CODE:
<html>
<body>
49
<xsl:apply-templates/>
</body>
</html>
</xsl:template>
<xsl:template match="cd">
<p>
<xsl:apply-templates select="title"/>
<xsl:apply-templates select="artist"/>
</p>
</xsl:template>
<xsl:template match="title">
Title: <span style="color:#ff0000">
<br />
</xsl:template>
<xsl:template match="artist">
Artist: <span style="color:#00ff00">
<br />
</xsl:template>
</xsl:stylesheet>
XSLT Elements Reference

The XSLT elements from the W3C Recommendation (XSLT Version 1.0).
XSLT Elements
The links in the "Element" column point to attributes and more useful information about each specific
element.
FF: indicates the earliest version of Firefox that supports the tag
IE: indicates the earliest version of Internet Explorer that supports the tag
Note: Elements supported in IE 5 may have NON-standard behavior, because IE 5 was released before
XSLT became an official W3C Recommendation.
Element Description IE FF
Apply- imports Applies a template rule from an imported style 6.0 1.0
sheet
apply-templates Applies a template rule to the current element or to the 5.0 1.0
current element's child nodes
attribute Adds an attribute 5.0 1.0
attribute-set Defines a named set of attributes 6.0 1.0
Call template Calls a named template 6.0 1.0
choose Used in conjunction with <when> and <otherwise> to 5.0 1.0

express multiple conditional tests
comment Creates a comment node in the result tree 5.0 1.0
copy Creates a copy of the current node (without child nodes and 5.0 1.0
attributes)
Copy- of Creates a copy of the current node (with child 6.0 1.0
nodes and attributes)
50
element Creates an element node in the output document 5.0 1.0
fallback Specifies an alternate code to run if the processor does not 6.0
support an XSLT element
For- each Loops through each node in a specified node set 5.0 1.0
if Contains a template that will be applied only if a specified 6.0 1.0

condition is true
include Includes the contents of one style sheet into another. Note: 6.0 1.0
An included style sheet has the same precedence as the
including style sheet
key Declares a named key that can be used in the style sheet 6.0 1.0
with the key() function
message Writes a message to the output (used to report errors) 5.0 1.0
Namespace- alias Replaces a namespace in the style sheet to a 6.0

different namespace in the output
number Determines the integer position of the current node and 6.0 1.0
formats a number
otherwise Specifies a default action for the <choose> element 5.0 1.0
output Defines the format of the output document 6.0 1.0
param Declares a local or global parameter 6.0 1.0
Preserve- space Defines the elements for which white space should 6.0 1.0
be preserved
Processing- instruction Writes a processing instruction to the output 5.0 1.0
sort Sorts the output 6.0 1.0
Strip- space Defines the elements for which white space should 6.0 1.0
be removed
stylesheet Defines the root element of a style sheet 5.0 1.0
template Rules to apply when a specified node is matched 5.0 1.0
text Writes literal text to the output 5.0 1.0
transform Defines the root element of a style sheet 6.0 1.0
Value-of Extracts the value of a selected node 5.0 1.0
variable Declares a local or global variable 6.0 1.0
when Specifies an action for the <choose> element 5.0 1.0
with param Defines the value of a parameter to be passed into 6.0 1.0
a template
XSLT Functions
51
XQuery 1.0, XPath 2.0, and XSLT 2.0 share the same functions library.
XSLT Functions
XSLT includes over 100 built-in functions. There are functions for string values, numeric values, date and
time comparison, node and QName manipulation, sequence manipulation, Boolean values, and more.
The URI of the XSLT function namespace is:
http://www.w3.org/2005/02/xpath-functions
The default prefix for the function namespace is fn:.
Tip: Functions are often called with the fn: prefix, such as fn:string(). However, since fn: is the default prefix
of the namespace, the function names do not need to be prefixed when called.
The reference of all the built-in XSLT 2.0 functions is located in our XPath tutorial.
In addition, there are the following built-in XSLT functions:
Element Description
current() Returns the current node
document() Used to access the nodes in an external XML document
element-available() Tests whether the element specified is supported by the XSLT

processor
format-number() Converts a number into a string
function-available() Tests whether the function specified is supported by the XSLT

processor
generate-id() Returns a string value that uniquely identifies a specified node
key() Returns a node-set using the index specified by an <xsl:key>

element
system-property() Returns the value of the system properties
unparsed-entity-uri() Returns the URI of an unparsed entity
By: Banzo122692
Source: http://w3schools.com/xsl/default.asp
52

XSL Tutorial

Uploaded by

Copyright:

Available Formats

XSL Tutorial

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

XSL Tutorial

Uploaded by

Copyright:

Available Formats

What is XSLT used for?

What is XSLT used for?

What are the main components of XSL?

What are the main components of XSL?

XSL TUTORIAL

XSL stands for EXtensible Stylesheet Language.

XSL describes how the XML document should be displayed!

XSL consists of three parts:

What You Should Already Know

• XSLT is the most important part of XSL.

How Does it Work?

XSLT became a W3C Recommendation 16. November 1999.

Correct Style Sheet Declaration

Start with a Raw XML Document

Create an XSL Style Sheet

Link the XSL Style Sheet to the XML Document

View the result in this URL: http://w3schools.com/xsl/cdcatalog_with_xsl.xml

XSLT <xsl:template> Element

The <xsl:template> Element

XSLT <xsl:value-of> Element

The result of the transformation above will look like this:

XSLT <xsl:for-each> Element

The <xsl:for-each> Element

Filtering the Output

Legal filter operators are:

XSLT <xsl:sort> Element

XSLT <xsl:if> Element

The <xsl:if> Element

XSLT <xsl:choose> Element

Where to put the Choose Condition

XSLT <xsl:apply-templates> Element

The <xsl:apply-templates> Element

Look at the following XSL style sheet:

XSLT - On the Client

By using a JavaScript, we can:

The XML File and the XSL File

And the accompanying XSL style sheet:

The loadXMLDoc() Function

The displayResult() Function

XSLT - On the Server

A Cross Browser Solution

The XML File and the XSLT File

Transforming XML to XHTML on the Server

XSLT - Editing XML

Open, Edit and Save XML

The ASP File

'Set the rootEl variable equal to the root element

'Loop through the form collection

'Save the modified XML file

'Release all object references

'Load the modified XML file with a style sheet that

'If the form has been submitted update the

Why Not Notepad?

Why an XML Editor?

Now You Know XSLT, What's Next?

*The <xsl:value-of> Element

*The <xsl:for-each> Element

Filter the output in a node-set:

*The <xsl:if> Element