Using xml, xsl, css display data
/ * Xsl data file * /
<? Xml version = "1.0" encoding = "GB2312?">
<xsl:stylesheet Xmlns:xsl=" http://www.w3.org/TR/WD-xsl ">
<xsl:template Match="http://www.blogchinese.com//">
<HTML>
<HEAD>
<TITLE> Information to be available </ TITLE>
<script>
Function selectMember (fileName, ctlID) (
Var oOption = document.createElement ( "OPTION");
OOption.text fileName =;
OOption.value = ctlID;
Document.test.members.add (oOption);
)
</ Script>
</ HEAD>
<BODY>
<table Width="100%" border="1" bordercolor="#FF0000">
<tr Bgcolor="#99CCCC">
<td>
<div Align="center"> information to be available </ div>
</ Td>
</ Tr>
<xsl:for-each Select="document/masterInfo">
<tr>
<td>
<table Border="0" cellspacing="0" cellpadding="5">
<tr>
<td Width="20%"> process examples: </ td>
<td Width="30%" onclick="selectMember(666,001);">
<xsl:value-of Select="processName"/>
</ Td>
</ Tr>
<tr>
<td Width="20%"> processes sponsors: </ td>
<td Width="30%">
<xsl:value-of Select="creator"/>
</ Td>
</ Tr>
</ Table>
</ Td>
</ Tr>
</ Xsl: for-each>
<xsl:for-each Select="document/detailInfo">
<tr>
<td>
<table Border="0" cellspacing="0" cellpadding="5" width="100%">
<tr>
<td Width="20%"> assets Name: </ td>
<td Width="30%">
<xsl:value-of Select="accessName"/>
</ Td>
<td Width="20%"> asset type: </ td>
<td Width="30%">
<xsl:value-of Select="accessType"/>
</ Td>
</ Tr>
</ Table>
</ Td>
</ Tr>
</ Xsl: for-each>
</ Table>
<form Name="test">
<select Name="members">
</ Select>
</ Form>
</ BODY>
</ HTML>
</ Xsl: template>
</ Xsl: stylesheet>
/ * Xml data files * /
<? Xml version = "1.0" encoding = "gb2312?">
<? Xml-stylesheet type = "text / xsl" href = "http://www.blogchinese.com/preread.xsl?">
<document>
<masterInfo>
<processName> Asset allocation process </ processName>
<creator> Leuphis </ creator>
</ MasterInfo>
<detailInfo>
<accessName> IBM PC 1 </ accessName>
<accessType> Hardware </ accessType>
</ DetailInfo>
<detailInfo>
<accessName> IBM computer 2 </ accessName>
<accessType> Hardware </ accessType>
</ DetailInfo>
<detailInfo>
<accessName> IBM PC 3 </ accessName>
<accessType> Hardware </ accessType>
</ DetailInfo>
</ Document>
Tags: css display, Display, xml xhtml
Leave a Reply