Why isn't this javascript working inside a "Spry Collapsable Panel"?

My objective here has been to use Javascript for client side sorting of an XML file inside of a "Spry Collapsible Panel" using XSL for the styling. I did successfully recreate (from a tutorial) the appropriate .xsl, .xml and .js 'sample' files.

The Problem::
When I tried to transfer the working 'sample' files I created into the final project, it didn't work. I assume it has something to do with the spry panels because if I move the chunk of code out of the collapsible panel it works.

The link is:
http://www.leviandlindsey.com/test/cnvtd_diagnostics.xml

Any help on this is GREATLY appriciated!!!

Thanks,
Levi
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:param name="column" select="'pid'" />
<xsl:template match="/">
<html>
<head>
<title>MRD Diagnostic</title>
<script language="JavaScript"> document.onmousedown=function (){ if (event.button==2)alert('RightClick disabled!!!'); event.cancelBubble=false; }</script> 
<script src="javascript/common.js" type="text/javascript"  />
<link href="css/common.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="CollapsiblePanel11" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Processes</div>
<div class="CollapsiblePanelContent">
<table cellpadding="4px" cellspacing="1px" border="0px" style="font-size:10px;">
<tr style="background: #83D173;">
<td onmousedown="javascript:sort('pid');">PID</td> 
<td onmousedown="javascript:sort('uid');">UID</td> 
<td onmousedown="javascript:sort('vmsize');">VMSIZE</td>
<td onmousedown="javascript:sort('stat');">STAT</td>
<td onmousedown="javascript:sort('cmd');">CMD</td>
</tr> 
<xsl:if test="$column='pid'"> 
<xsl:apply-templates select="root/processes/proc"> 
<xsl:sort select="@pid" data-type="number" order="ascending" /> 
</xsl:apply-templates> 
</xsl:if> 
<xsl:if test="$column='uid'"> 
<xsl:apply-templates select="root/processes/proc"> 
<xsl:sort select="@uid" order="ascending" /> 
</xsl:apply-templates> 
</xsl:if> 
<xsl:if test="$column='vmsize'"> 
<xsl:apply-templates select="root/processes/proc"> 
<xsl:sort select="@vmsize" data-type="number" order="ascending" /> 
</xsl:apply-templates> 
</xsl:if> 
<xsl:if test="$column='stat'"> 
<xsl:apply-templates select="root/processes/proc"> 
<xsl:sort select="@stat" order="ascending" /> 
</xsl:apply-templates> 
</xsl:if> 
<xsl:if test="$column='cmd'"> 
<xsl:apply-templates select="root/processes/proc"> 
<xsl:sort select="@cmd" order="ascending" /> 
</xsl:apply-templates> 
</xsl:if> 
</table>
<br />
</div>
</div>
</body>
</html>
</xsl:template>
<xsl:template match="root/processes/proc"> 
<tr> 
<td><xsl:value-of select="@pid" /></td> 
<td><xsl:value-of select="@uid" /></td> 
<td><xsl:value-of select="@vmsize" /></td> 
<td><xsl:value-of select="@stat" /></td>
<td align="right"><xsl:value-of select="@cmd" /></td> 
</tr> 
</xsl:template>
</xsl:stylesheet>

Open in new window

LVL 1
levioAsked:
Who is Participating?
 
scrathcyboyConnect With a Mentor Commented:
Since no one is helping you, the best advice I can give you is to DUMP SPRY for any one of a hundred DHTML menus that do indeed work cross browser --

www.dynamicdrive.com/
www.dynamicdrive.com/dynamicindex1/
dhtml-menu.com/
www.milonic.com/
www.dynarch.com/products/dhtml-menu/ 
www.likno.com/ 
www.coffeecup.com/free-dhtml/ 

Most people I have tried to help with SPRY cannot get it to work, it seems to be a flawed product.
0
 
levioAuthor Commented:
Thanks... I will try one of those...
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.