dotnet xml: XML formatting to HTML...beginner question -- dotnet xml

You're in the

dotnet xml

group:

XML formatting to HTML...beginner question

XML formatting to HTML...beginner question

acs974 NO[at]SPAM hotmail.com
2/23/2006 10:12:09 AM

dotnet xml:

Hi, I apologize if I am posting this in the wrong forum. I am creating
a .net 2.0 website using vb.net. I have an XML file with the following
general format:

<LearningObjectives>
<lo number = '1'>
<Title>First Learning Objective. Click for more details</Title>
<details>These are the details for LO 1</details>
</lo>
<lo number = '2'>
<Title>Second Learning Objective. Click for more details</Title>
<details>These are the details for LO 2</details>
</lo>
<lo number = '3'>
<Title>Third Learning Objective. Click for more details</Title>
<details>These are the details for LO 3</details>
</lo>
</LearningObjectives>

I want to load in this xml file and create an HTML file built around
this data (but formatted) such that when the page first loads, only the
text in the title nodes are shown (will appear as headers), but after
each title there is some sort of link,button, or symbol that the user
can click so that after clicked, beneath the title the details for that
learning objective node expand/appear. I've been doing a lot of reading
about how in .net to serve the xml as formatted html, and am
overwhelmed. There seems to be tons of ways to do it, and I;m not sure
what is best for me. If it was just a matter of formatting the XML to
appear as HTML, I could use XSL, but since I need to be able to expand
the hidden details fields, I need to use some kind of function,
probably in javascript since it needs to be on the client side. It
doesnt seem like i can combine html/javascript in a XSL file, and there
probably is an even better way to do this in .net, but I'm confused at
this point.
Thank you to anyone who can point me in the right direction!

Re: XML formatting to HTML...beginner question

Andy
2/23/2006 9:30:44 PM

Hi Patrick,

Thanks for the reply. I don't think what they talk about on that page
applies to my situation,but I appreciate the help. They talk about
grouping transformations. I'm trying to read in a xml file, format the
data and to html, add in some client javascript functions, and send
that to the client.

Re: XML formatting to HTML...beginner question

Patrick.O.Ige
2/24/2006 12:00:00 AM

Start from here..
http://jenitennison.com/xslt/grouping/index.xml
Hope that helps
Patrick

[quoted text, click to view]

Re: XML formatting to HTML...beginner question

dickster
2/24/2006 4:17:05 AM

In VB.NET WebForms do the following:

Drag an XML control onto the screen.
We'll assume the default name "Xml1"

I'm going to assume your XML is in a file called
"LearningObjectives.xml" & that you have an XSLT file called
"MyOutput.xslt"

Based on this you will need 2 properties assigned on the Xml1 control
..DocumentSource & .TransformSource

XML1.DocumentSource = <<path to LearningObjectives xml file>>
XML1.TransformSource = <<path to MyOutput xslt file>

And the code for the MyOutput.xslt is as follows:
===========================================
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:xs="http://www.w3.org/2001/XMLSchema"
xmlns:fn="http://www.w3.org/2005/02/xpath-functions"
xmlns:xdt="http://www.w3.org/2005/02/xpath-datatypes">

<xsl:output method="html" />

<xsl:template match="/">
<HTML>
<head>
<LINK href="Styles.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">

function switchMenu(obj) {
var el = document.getElementById(obj);
if ( el.style.display != "none" ) {
el.style.display = 'none';
}
else {
el.style.display = '';
}
}
</script>
</head>

<BODY>
<h3>OUTPUT</h3>
<xsl:apply-templates select="LearningObjectives"/>
</BODY>

</HTML>
</xsl:template>

<xsl:template match="LearningObjectives">
<xsl:comment>
//
======================================================================================
// Match the lo nodes
//
======================================================================================
</xsl:comment>
<table border="1">
<xsl:for-each select="lo">

<tr>
<td><xsl:value-of select="Title"/></td>
<td>
<div >


<a>
<xsl:attribute name="value"><xsl:value-of
select="@number"/></xsl:attribute>
<xsl:attribute name="onclick">switchMenu(value);</xsl:attribute>
+/-</a>
<div>
<xsl:attribute name="id"><xsl:value-of
select="@number"/></xsl:attribute>
<xsl:value-of select="details"/>
</div>

</div>

</td>

</tr>

</xsl:for-each>
</table>
</xsl:template>

</xsl:stylesheet>
===========================================

Re: XML formatting to HTML...beginner question

dickster
2/24/2006 4:20:40 AM

Andy,

I havent quite addressed the issue of collapsing all the div areas On
Page Load.

This site may help:
http://www.dustindiaz.com/dhtml-expand-and-collapse-div-menu/

Dickster

Re: XML formatting to HTML...beginner question

Andy
2/25/2006 7:31:04 AM

Hi Dickster,

Thanks a ton for your help...I'm still playing around and trying to
digest xsl in general, but I think this will do it it...Thanks!

Andy

Re: XML formatting to HTML...beginner question

Andy
2/25/2006 2:25:07 PM

Hi Dickster,

Everything's working great, only thing I'm stuck on is what you alluded
to, collapsing all the div areas on page load. I've tried following the
examples on your web page, but no luck, the one on the page has
statically named div tags, mine will be dynamic and I would like to be
able to close all div tags of a certain class, i.e. collapse all <div
class='details'> sections. I also tried to use display:none in the
style sheet, while this works, it stays permanently closed even when I
click the button to expand. Any advice? Thanks!

Got something to say? Click here to post a reply to this thread.

Don't see what you're looking for? Try a search.

View other messages in the dotnet xml group.

View Other Months
June 2003
July 2003
August 2003
September 2003
October 2003
November 2003
December 2003
January 2004
February 2004
March 2004
April 2004
May 2004
June 2004
July 2004
August 2004
September 2004
October 2004
November 2004
December 2004
January 2005
February 2005
March 2005
April 2005
May 2005
June 2005
July 2005
August 2005
September 2005
October 2005
November 2005
December 2005
January 2006
February 2006
March 2006
April 2006
May 2006
June 2006
July 2006
August 2006
September 2006
October 2006
November 2006
December 2006
January 2007
February 2007
March 2007
April 2007
May 2007
June 2007
July 2007
August 2007
September 2007
October 2007
November 2007

home · blog · groups

Questions? Comments? Contact the dn