How can I get this to display as intended?

**damnitsux2bu** · 06-18-2007 09:09 PM

XML doc:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<FabricList>
<Fabric>
<Name>Cotton</Name>
<Colors>Blue, Red, White, Yellow, Green, Orange, Black</Colors>
<Weight>3.2</Weight>
<Sizes>1, 2, 5, 10, 25, 100</Sizes>
<OnHand>175</OnHand>
</Fabric>
<Fabric>
<Name>Wool</Name>
<Colors>Gray, Black, Blue, White</Colors>
<Weight>2.1</Weight>
<Sizes>5, 10, 25</Sizes>F</Sizes>
<OnHand>65</OnHand>
</Fabric>
<Fabric>
<Name>Rayon</Name>
<Colors>Yellow, White, Blue, Purple, Green</Colors>
<Weight>3.7</Weight>
<Sizes>1, 2, 5, 10, 25</Sizes>
<OnHand>80</OnHand>
</Fabric>
<Fabric>
<Name>Nylon</Name>
<Colors>Black, White</Colors>
<Weight>3.9</Weight>
<Sizes>1, 2, 5, 10</Sizes>
<OnHand>32</OnHand>
</Fabric>
<Fabric>
<Name>Silk</Name>
<Colors>Red, White, Black, Pink</Colors>
<Weight>4.3</Weight>
<Sizes>1, 2, 5, 10, 25, 100</Sizes>
<OnHand>158</OnHand>
</Fabric>
<Fabric>
<Name>Satin</Name>
<Colors>Red, White, Black, Pink, Purple</Colors>
<Weight>4.1</Weight>
<Sizes>5, 10, 25</Sizes>
<OnHand>43</OnHand>
</Fabric>
<Fabric>
<Name>Linen</Name>
<Colors>Black, White, Cream</Colors>
<Weight>3.2</Weight>
<Sizes>1, 2, 5, 10</Sizes>
<OnHand>65</OnHand>
</Fabric>
<Fabric>
<Name>Acrylic</Name>
<Colors>Blue, Red, White, Yellow, Green</Colors>
<Weight>4.1</Weight>
<Sizes>5, 10, 25</Sizes>
<OnHand>112</OnHand>
</Fabric>
</FabricList>

HTML doc:

<html>
<head>
<title>Week 2 Assignment - Peter Lazar</title>
<style type="text/css">
body
{
font-family: century gothic;
font-size: 12;
background-color: black;
color: orange;
}
.pagetitle
{
font-size: 32;
font-weight: bold;
color: orange;
text-align: center;
}
.fabricheader
{
font-size: 20;
font-weight: bold;
color: black;
background-color: orange;
}
.main
{
font-size: 20;
color: orange;
}
</style>
</head>
<body>
<xml id="Fabric" src="FabricList.xml"></xml>
<table border="0" cellpadding="1" cellspacing="1" width="550px" align="center">
<tr>
<td>
<div class="pagetitle"><u>Mary Had A Little Lamb</u></div>
</td>
</tr>
</table>
<table border="0" cellpadding="2" cellspacing="2" datasrc="#Fabric" width="550px" align="center">
<tr>
<td colspan="3">
<div class="fabricheader" datasrc="#Fabric" datafld="Name"></div>
</td>
</tr>
<tr>
<td class="main">Colors Available:</td>
<td class="main"> </td>
<td>
<div class="main" datasrc="#Fabric" datafld="Colors"></div>
</td>
</tr>
<tr>
<td class="main">Fabric Weight (yds/lb):</td>
<td class="main"> </td>
<td>
<div class="main" datasrc="#Fabric" datafld="Weight"></div>
</td>
</tr>
<tr>
<td class="main">Package Sizes Available:</td>
<td class="main"> </td>
<td>
<div class="main" datasrc="#Fabric" datafld="Sizes"></div>
</td>
</tr>
<tr>
<td class="main">Quantity on Hand (in yds):</td>
<td class="main"> </td>
<td>
<div class="main" datasrc="#Fabric" datafld="OnHand"></div>
</td>
</tr>
</table>
</body>
</html>

All tacky design comments aside, why will this not display correctly?

**Stephen Philbin** · 06-19-2007 10:55 AM

I seem to remember reading that that "datasrc" business you've got going on there is a proprietary, IE-only behaviour. I'd recommend properly applying XSL-T to perform the transformation instead. Have a look over on w3schools. They'll probably have an introduction to XSL-T for ya. They're usually pretty rough and the accuracy of the content is usually a bit off, but it should be at least enough to get you started. Just keep in mind that it might be best to apply the XSL on the server-side because XML can often be a bit shaky on the client side. It just depends what you're doing and to which browser you are serving it.

Thread: How can I get this to display as intended?

Thread Tools

Display

How can I get this to display as intended?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions