 Images in html from xml thru xsl |
| joyful |
 Mar 23 2011, 07:35 PM
Post
#1
|
|
Advanced Member  Group: Members Posts: 239 Joined: 15-November 10 Member No.: 13,147  |
Hey,
I am trying to display a image from a xml file into a html page using xsl. This is what my xml looks like: CODE <?xml version="1.0" encoding="UTF-8"?> <category> <item> <image><img src="images/Bracelets/two tone cuffs.jpg"></image> <title>my first image</title> <description>this is my test image and description</description> </item> </category> this is my xsl: CODE <?xml version="1.0" encoding="ISO-8859-1"?><!-- DWXMLSource="../category.xml" --> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/"> <html> <body> <h2>My CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th align="left">images</th> <th align="left">title</th> <th align="left">description</th> </tr> <xsl:for-each select="category/item"> <tr> <td><img> <xsl:attribute name="src"> <xsl:value-of select="image"/> </xsl:attribute></img></td> <td><xsl:value-of select="title" /></td> <td><xsl:value-of select="description" /></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet> and this is my html page: CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script> function loadXMLDoc(dname) { if (window.XMLHttpRequest) { xhttp=new XMLHttpRequest(); } else { xhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xhttp.open("GET",dname,false); xhttp.send(""); return xhttp.responseXML; } function displayResult() { xml=loadXMLDoc("category.xml"); xsl=loadXMLDoc("category.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 onload="displayResult()"> <div id="example" /> </body> </html> This code fails to display images (it does display text). How can I make it display images? Thanks in advance! -- This post has been edited by joyful: Mar 23 2011, 08:08 PM |
  |
 
|
Posts in this topic
joyful Images in html from xml thru xsl Mar 23 2011, 07:35 PM
Darin McGrew I'm moving this to the client-side scripting f... Mar 23 2011, 10:48 PM Brian Chandler I don't really know, but wouldn't it be mu... Mar 24 2011, 12:42 AM Frederiek Try searching for "display image from xml usi... Mar 24 2011, 02:50 AM joyful Hey,
Thanks for the replies...
@Brian Chandler ... Mar 24 2011, 06:12 PM
Brian Chandler
@Brian Chandler I am a bit new to this... What w... Mar 25 2011, 07:11 AM joyful Hey,
I found some code to do this with php... I k... Mar 25 2011, 02:01 PM joyful Hey,
I have resolved this issue with this simple ... Mar 24 2011, 10:39 PM Brian Chandler I've never used this xml class (in php), and I... Mar 25 2011, 02:48 PM joyful Hey,
Sorry, I did not make it clear... My xml... Mar 25 2011, 04:53 PM joyful Hey,
I found out the "right" way to do ... Mar 25 2011, 06:37 PM joyful Hey,
I just figured out how to use CSS in my PHP.
... Mar 25 2011, 09:04 PM Brian Chandler I think you need to read Chapter 1 of "How PH... Mar 25 2011, 10:41 PM joyful Sorry, I think I has going a little faster then my... Mar 25 2011, 11:56 PM Darin McGrew Please see the FAQ entry How can I display an imag... Mar 26 2011, 12:56 AM joyful
Please see the FAQ entry How can I display an ima... Mar 26 2011, 04:23 PM joyful I figured out how to make a variable image in PHP.... Mar 26 2011, 10:55 PM  |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 25th April 2024 - 01:54 PM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC