I
ignignokt
I am trying to send a value to a XSL file from a HTML file with
javascript. How can I get started with this?
HTML file:
<html>
<body>
<script type="text/javascript">
function Request(key)
{
var strQueryString=QueryString();
strQueryString=strQueryString.replace(/\%20/g," ");
if (strQueryString.length < 1)
return "";
arrTmp=strQueryString.split("&");
for (var i=0; i<arrTmp.length; i++)
{
var arrTmp2=arrTmp.split("=");
if (arrTmp2.length < 1)
continue;
var curKey=arrTmp2[0];
var curValue=(arrTmp2.length < 2)?"":arrTmp2[1];
if (curKey.toLowerCase() == key.toLowerCase())
return curValue;
}
return "";
}
function QueryString()
{
var strFullUrl=document.location+"";
var arrTmp=strFullUrl.split("?");
if (arrTmp.length < 2)
return "";
return arrTmp[1];
}
alert(Request("disc"));
</script>
</body>
</html>
XSL:
<?xml version='1.0' encoding='ISO-8859-1'?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/
Transform">
<xslutput method="html"/>
<xsl:template match="/">
<html>
<body>
<h2>
<font face="Arial" size="6">Video Catalog v1.0</font>
</h2>
<xsl:for-each select="catalog/disc">
<table width="100%" border="1">
<tbody>
<tr bgColor="#0033ff">
<td width="100%">
<font face="Arial" size="5">
<font color="#ffffff"><strong>Disc - </strong>
<strong><xsl:value-of select="file/label"/></strong>
</font>
</font>
</td>
</tr>
</tbody>
</table>
<xsl:for-each select="file">
<table width="100%" border="1"><tbody>
<tr bgColor="#00ccff">
<td><p align="center">
<font face="Arial" size="4">
<strong>Filename</strong>
</font>
</p>
</td>
<td>
<p align="center">
<font face="Arial" size="4">
<strong>Size</strong>
</font>
</p>
</td>
<td>
<p align="center">
<font face="Arial" size="4">
<strong>Date Created</strong>
</font>
</p>
</td>
</tr>
<tr>
<td>
<p align="center">
<font face="Arial">
<xsl:value-of select="name"/>
</font>
</p>
</td>
<td>
<p align="center">
<font face="Arial">
<xsl:value-of select="size"/>
</font>
</p>
</td>
<td>
<p align="center">
<font face="Arial">
<xsl:value-of select="created"/>
</font>
</p>
</td>
</tr>
<tr>
<td><img src="{image01}"/></td>
<td><img src="{image02}"/></td>
<td><img src="{image03}"/></td>
<td><img src="{image04}"/></td>
<td><img src="{image05}"/></td>
<td><img src="{image06}"/></td>
</tr>
</tbody>
</table>
</xsl:for-each>
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
javascript. How can I get started with this?
HTML file:
<html>
<body>
<script type="text/javascript">
function Request(key)
{
var strQueryString=QueryString();
strQueryString=strQueryString.replace(/\%20/g," ");
if (strQueryString.length < 1)
return "";
arrTmp=strQueryString.split("&");
for (var i=0; i<arrTmp.length; i++)
{
var arrTmp2=arrTmp.split("=");
if (arrTmp2.length < 1)
continue;
var curKey=arrTmp2[0];
var curValue=(arrTmp2.length < 2)?"":arrTmp2[1];
if (curKey.toLowerCase() == key.toLowerCase())
return curValue;
}
return "";
}
function QueryString()
{
var strFullUrl=document.location+"";
var arrTmp=strFullUrl.split("?");
if (arrTmp.length < 2)
return "";
return arrTmp[1];
}
alert(Request("disc"));
</script>
</body>
</html>
XSL:
<?xml version='1.0' encoding='ISO-8859-1'?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/
Transform">
<xslutput method="html"/>
<xsl:template match="/">
<html>
<body>
<h2>
<font face="Arial" size="6">Video Catalog v1.0</font>
</h2>
<xsl:for-each select="catalog/disc">
<table width="100%" border="1">
<tbody>
<tr bgColor="#0033ff">
<td width="100%">
<font face="Arial" size="5">
<font color="#ffffff"><strong>Disc - </strong>
<strong><xsl:value-of select="file/label"/></strong>
</font>
</font>
</td>
</tr>
</tbody>
</table>
<xsl:for-each select="file">
<table width="100%" border="1"><tbody>
<tr bgColor="#00ccff">
<td><p align="center">
<font face="Arial" size="4">
<strong>Filename</strong>
</font>
</p>
</td>
<td>
<p align="center">
<font face="Arial" size="4">
<strong>Size</strong>
</font>
</p>
</td>
<td>
<p align="center">
<font face="Arial" size="4">
<strong>Date Created</strong>
</font>
</p>
</td>
</tr>
<tr>
<td>
<p align="center">
<font face="Arial">
<xsl:value-of select="name"/>
</font>
</p>
</td>
<td>
<p align="center">
<font face="Arial">
<xsl:value-of select="size"/>
</font>
</p>
</td>
<td>
<p align="center">
<font face="Arial">
<xsl:value-of select="created"/>
</font>
</p>
</td>
</tr>
<tr>
<td><img src="{image01}"/></td>
<td><img src="{image02}"/></td>
<td><img src="{image03}"/></td>
<td><img src="{image04}"/></td>
<td><img src="{image05}"/></td>
<td><img src="{image06}"/></td>
</tr>
</tbody>
</table>
</xsl:for-each>
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>