Solved

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

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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

I was working on a PowerPoint add-in the other day and a client asked me "can you implement a feature which processes a chart when it's pasted into a slide from another deck?". It got me wondering how to hook into built-in ribbon events in Office.
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 …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

810 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