April 19, 2009

1 DISPLAYING XML WITH XSL

XSL is the preffered style sheet language of XML.

XSL (the extensible Stylesheet Language) is afr more sophisticated than CSS.One way to use xsl is to transform XML into HTML before it is diplayed by the browser as demonstrated in these examples.

Below is a fraction of the XML file.The second line, , links the XML file to the XSL file:

Simple.xml
<?xml version="1.0" encoding="ISO-8859-1" ?>

<breaskfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$6.95</price>
<description>two of our famous Belgian Waffles with plenty of real sample syrup</description>
<calories>650</calories>
</food>
<food>
<name>Sample Waffles</name>
<price>$7.95</price>
<description>light Belgian waffles covered with strawberries and whipped cream</description>
<calories>900</calories>
</food>
<food>
<name>Berry-Berry Belgian Waffles</name>
<price>$8.95</price>
<description>light Belgian waffles covered withan assortment of fresh berries and whipped cream</description>
<calories>900</calories>
</food>
<food>
<name>French Toast</name>
<price>$4.50</price>
<description>thick slices made from our homemade sourdough bread</description>
<calories>600</calories>
</food>
<food>
<name>Homestyle Breakfast</name>
<price>$6.95</price>
<description>two eggs, bacon or sausage, toast, and our ever-popular hash browns</description>
<calories>950</calories>
</food>
</breakast_menu>

simple.xsl
<?xml version="1.0" encoding="ISO-8859-1"?>
<html xsl:version="1.0' xmlns:xsl= "http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
<body style="font-family:Arial,helvetica,sans-serif;font-size:12pt; background-color:#EEEEEE">
<xsl.for-each select= "breakfast_menu/food">
<div style="background-color:teal;apdding:4px">
<span style="font-weight:bold;">
<xsl:value-of select="name"/>
</span>

<xsl:value-of select="price" />
</div>
<div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
<xsl:value-of select="description" />
<span style="font-style:Italic">
(
<xsl:value-of select="calories" />
(calories per serving)
</span>
</div>
</xsl:for-each>
</body>
</html>




1 comments:

los angeles internet marketing said...

Thanks for sharing this, Im on web programming to and this helped me a lot. More power to you!

-richard

Post a Comment

Blogger Themes

 
Powered by Blogger