Solved

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

Posted on 2008-10-12
2
472 Views
Last Modified: 2013-11-18
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

0
Comment
Question by:levio
2 Comments
 
LVL 44

Accepted Solution

by:
scrathcyboy earned 500 total points
ID: 22747130
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
 
LVL 1

Author Closing Comment

by:levio
ID: 31505501
Thanks... I will try one of those...
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Viewers will learn about the regular for loop in Java and how to use it. Definition: Break the for loop down into 3 parts: Syntax when using for loops: Example using a for loop:
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question