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

Posted on 2008-10-12
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:

Any help on this is GREATLY appriciated!!!

<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet version="1.0" xmlns:xsl="">

<xsl:param name="column" select="'pid'" />

<xsl:template match="/">



<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" />



<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>


<xsl:if test="$column='pid'"> 

<xsl:apply-templates select="root/processes/proc"> 

<xsl:sort select="@pid" data-type="number" order="ascending" /> 



<xsl:if test="$column='uid'"> 

<xsl:apply-templates select="root/processes/proc"> 

<xsl:sort select="@uid" order="ascending" /> 



<xsl:if test="$column='vmsize'"> 

<xsl:apply-templates select="root/processes/proc"> 

<xsl:sort select="@vmsize" data-type="number" order="ascending" /> 



<xsl:if test="$column='stat'"> 

<xsl:apply-templates select="root/processes/proc"> 

<xsl:sort select="@stat" order="ascending" /> 



<xsl:if test="$column='cmd'"> 

<xsl:apply-templates select="root/processes/proc"> 

<xsl:sort select="@cmd" order="ascending" /> 




<br />






<xsl:template match="root/processes/proc"> 


<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> 




Open in new window

Question by:levio
LVL 44

Accepted Solution

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 -- 

Most people I have tried to help with SPRY cannot get it to work, it seems to be a flawed product.

Author Closing Comment

ID: 31505501
Thanks... I will try one of those...

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
html form to write data to csv 24 97
XSL FO - text wrapping and empty spaces 1 26
jQuery not working on ELSE... why? 2 24
how can i extend ? 2 18
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
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 learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

867 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

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now