Solved

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

Posted on 2008-10-12
2
468 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
Comment Utility
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
Comment Utility
Thanks... I will try one of those...
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
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 basic arrays, how to declare them, and how to use them. Introduction and definition: Declare an array and cover the syntax of declaring them: Initialize every index in the created array: Example/Features of a basic arr…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

762 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

8 Experts available now in Live!

Get 1:1 Help Now