Show image using xslt in html page

I need to show image using xslt
Below provided in my xml and xslt.

Expand|Select|Wrap|Line Numbers

 
<?xml version="1.0" encoding="iso-8859-1"?>

<?xml-stylesheet type="text/xsl" href="../xyz.xsl"?>

<Grade class="03" subject="Science">

    <media id="2809">

        <topic>A Bird's Paradise</topic>

        <category>Concept</category>

        <type>Animation</type>

        <objectives>            

            <list>To build a bird shelter or bird paradise 

            </list>

        </objectives>

        <synopsis>

            <list> 

            The animation introduces the child to build a secure and happy environment for birds.

            </list>

        </synopsis>

    </media>

    <media id="2863">

        <topic>A Good House</topic>

        <category>Concept</category>

        <type>Animation</type>

        <objectives>            

<list>To list out the parameters of a good house</list>

        </objectives>

        <synopsis>

<list> 

The features of a good and comfortable house, whether large or small, are carefully explained with colourful illustrations to a child.</list>

        </synopsis>

    </media>

</Grade>

========
Using the media id, i need to select the image with the same id(filename) from images folder and display it. Below is the xslt code.
==========

Expand|Select|Wrap|Line Numbers

 
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE xsl:stylesheet  [

    <!ENTITY nbsp   "*">

    <!ENTITY copy   "©">

    <!ENTITY reg    "®">

    <!ENTITY trade  "™">

    <!ENTITY mdash  "—">

    <!ENTITY ldquo  "“">

    <!ENTITY rdquo  "”"> 

    <!ENTITY pound  "£">

    <!ENTITY yen    "¥">

    <!ENTITY euro   "€">

]>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:output method="html" encoding="iso-8859-1" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>

<xsl:template match="/">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

<title>

    <xsl:for-each select="Grade">

        Class <xsl:value-of select="@class" />&nbsp;<xsl:value-of select="@subject" />

    </xsl:for-each>

</title>

<style type="text/css">

.hd

{

    display:block;

    font-family:Arial, Helvetica, sans-serif;

    font-size:12pt;

    font-weight:bold;

    text-decoration:underline;

    text-align:center;

    color:#ff6600;

}

table.grey

{

    border-left:#ccc 1px solid;

    border-top:#ccc 1px solid;

}

td.grey

{

    border-right:#ccc 1px solid;

    border-bottom:#ccc 1px solid;

    font-family:Arial, Helvetica, sans-serif;

    font-size:10pt;

    font-weight:normal;

    text-decoration:none;

    padding:3px;

}

td p

{

    font-family:Arial, Helvetica, sans-serif;

    font-size:10pt;

    text-align:left;

}
 
</style>

</head>

<body>

    <xsl:for-each select="Grade">

    <h4>

        <span class="hd">Class <xsl:value-of select="@class" />&nbsp;<xsl:value-of select="@subject" /></span>

    </h4>

    </xsl:for-each>

    <xsl:for-each select="Grade">

        <xsl:variable name="cls" select="@class" />

        <xsl:variable name="subj" select="@subject" />

    <xsl:for-each select="media">

    <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbl1" class="grey">

        <tr>

            <td width="15%" class="grey"><b>Grade</b></td>

            <td width="20%" class="grey"><xsl:value-of select="$cls" /></td>

            <td width="65%" rowspan="6" class="grey">

                SHOW THE IMAGE HERE

            </td>

        </tr>

        <tr>

            <td class="grey"><b>Subject</b></td>

            <td class="grey"><xsl:value-of select="$subj" /></td>

        </tr>

        <tr>

            <td class="grey"><b>Topic</b></td>

            <td class="grey"><xsl:value-of select="topic" /></td>

        </tr>

        <tr>

            <td class="grey"><b>Category</b></td>

            <td class="grey"><xsl:value-of select="category" /></td>

        </tr>

        <tr>

            <td class="grey"><b>Media Type</b></td>

            <td class="grey"><xsl:value-of select="type" /></td>

        </tr>

        <tr>

            <td class="grey"><b>Media ID</b></td>

            <td class="grey"><xsl:value-of select="@id"></xsl:value-of></td>

        </tr>

        <tr>

            <td class="grey"><b>Learning Objective</b></td>

            <td colspan="2" class="grey">

                <xsl:value-of select="objectives" /> <br />

            </td>

        </tr>

        <tr>

            <td colspan="3" class="grey">

                <p><b>Synopsis</b></p>

                <p><xsl:value-of select="synopsis" /></p>

            </td>

        </tr>

    </table>

    <br />

    </xsl:for-each>

    </xsl:for-each>

</body>

</html>

</xsl:template>
 
</xsl:stylesheet>

Thanks and Regards
Bkoti

May 24 '07 #1

Subscribe Post Reply

4905

dorinbogdan

839

Expert 512MB

Hi,

Did you succeed to solve your problem?
If not, please let me know.
If yes, feel free to share it, to help other members with similar questions.

Thanks,
Dorin.

May 29 '07 #2

by: Al Davis | last post by:

Note: I tried cross-posting this message to several newsgoups, including comp.lang.perl.misc, c.l.p.moderated, comp.infosystems.www.authoring.cgi, comp.lang.javascript and comp.lang.php. Nothing...

PHP

image and binary data

by: Maurizio Penna | last post by:

I, guys. I've embeded an image into a xml file, something like that: <display type="picture" mime="image/png" name = "mosaico6.png"> <!]> </display> Now, I want to display it with a XSL...

.NET Framework

Anyone using XML + XSL (or CSS) for pages?

by: Pat | last post by:

Is anyone using XML instead of HTML for pages of content? If so is there a public site to browse? Can someone point me to a discussion of the pros and cons of doing this? I am trying to get a...

.NET Framework

XSLT: Loading Single Image Multiple Times

by: Larry Marburger | last post by:

I've built and XSLT that is used to generate a simple TreeView-type, web-based control (ASP.NET / C#). When the tree is fully transformed (client-side, JavaScript transformation), there are about...

.NET Framework

Store Image inside XML

by: Raghavendra RAV | last post by:

Hi, I need to store an image from a Graphics object(.NET) inside a xml data island. Anyone might have came accross or have an idea how to do this. Please share. Thanks & Regards, Raghu, CSS...

.NET Framework

how to show an Image field from a SQL Server table field to a aspx page

by: J Sahoo | last post by:

Hi, I have a browse page where I am showing few fields from my SQL Server table. One of the field is Image type, all the fields are bound to a single table. I want to show the image from the...

ASP.NET

Tables with show/hide from XML using XSLT

by: Scamjunk | last post by:

I have been desperately looking for a treeview-type solution for my problem for the past three weeks and have been greatly unsuccessful. I am totally new to the world of XSLT and I *don't know*...

HTML / CSS

how to put image in xslt

by: Arun dudee | last post by:

how to put img in xslt file where path of imge is present in xml not my pat of xml is <root> <img> <banner ban="C:/Documents and Settings/Administrator/Desktop/hariom/ xml/b.GIF"></banner>...

.NET Framework

Image in XSLT

by: kadykedar | last post by:

Hi, I want to display Image using XSLT My XML is as follow <casestudy> <Company> <companylogo>http://www.microsoft.com/casestudies/resources/Logos/4000000140.gif</companylogo> </Company>...

XML

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Show image using xslt in html page

Similar topics