www.webdeveloper.com
Results 1 to 2 of 2

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

  1. #1
    Join Date
    Mar 2007
    Posts
    3

    Question How can I get this to display as intended?

    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">&#160;</td>
    <td>
    <div class="main" datasrc="#Fabric" datafld="Colors"></div>
    </td>
    </tr>
    <tr>
    <td class="main">Fabric Weight (yds/lb):</td>
    <td class="main">&#160;</td>
    <td>
    <div class="main" datasrc="#Fabric" datafld="Weight"></div>
    </td>
    </tr>
    <tr>
    <td class="main">Package Sizes Available:</td>
    <td class="main">&#160;</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">&#160;</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?

  2. #2
    Join Date
    Mar 2004
    Posts
    3,056
    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles