[XSL-LIST Mailing List Archive Home] [By Thread] [By Date] [Recent Entries] [Reply To This Message]

Re: XSL checkbox

Subject: Re: XSL checkbox
From: "Joe Fawcett" <joefawcett@xxxxxxxxxxx>
Date: Tue, 18 May 2004 15:49:30 +0100
xsl checkbox
----- Original Message ----- From: "Adrian Popescu" <adrian@xxxxxxxxxxxx>
To: <xsl-list@xxxxxxxxxxxxxxxxxxxxxx>
Sent: Tuesday, May 18, 2004 3:33 PM
Subject: Re: XSL checkbox



I am newbie in XSL and I search ALL GOOGLE for an example:((

this is my XSL

<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="uri:xsl">
 <xsl:template match="/">
   <SCRIPT>
   function change(title_id)
   {
     alert(title_id);
     var root = detailXSL.documentElement;
     var selectedElems =  root.selectNodes("//xsl:for-each");
     var ifStatement = selectedElems.item(0);
     ifStatement.attributes(0).text =
                     "@title_id[.='" + title_id + "']";

     document.write(titles.transformNode(detailXSL.documentElement));
   }
   </SCRIPT>
   <H3>Titles</H3>
   <TABLE BORDER="1" CELLPADDING="1" CELLSPACING="0">
     <TR>
       <TD BGCOLOR="#C0C0C0"><B>Title</B></TD>
       <TD BGCOLOR="#C0C0C0"><B>Details</B></TD>
     </TR>
     <xsl:for-each select="titlelist/titles" order-by="@title">
       <TR>
         <TD VALIGN="top"><xsl:value-of select="@title"/></TD>
         <TD VALIGN="top"><INPUT>
           <xsl:attribute name="TYPE">checkbox</xsl:attribute>
           <xsl:attribute name="VALUE">c1</xsl:attribute>
           <xsl:attribute name="ONCLICK">

                  <xsl:attribute
name="backgroundcolor">yellow</xsl:attribute>

<xsl:apply-templates/>

           </xsl:attribute>
         </INPUT></TD>
       </TR>
     </xsl:for-each>
   </TABLE>
   <XML ID="titles" SRC="titles.xml"></XML>
   <XML ID="detailXSL" SRC="details.xsl"></XML>
 </xsl:template>
</xsl:stylesheet>




As was said this seems more like an HTML question but you are using xsl:attribute incorrectly.
The htnl you need is:
<input type="checkbox" onclick="toggleColour(this);">
so your xsl should be (I haven't checked any other stuff):
<INPUT>
<xsl:attribute name="TYPE">checkbox</xsl:attribute>
<xsl:attribute name="VALUE">c1</xsl:attribute>
<xsl:attribute name="ONCLICK">
toggleColour(this);
</xsl:attribute>


<xsl:apply-templates/>
Then output the following script block somewhere, as you have with your other block:


<script>
<![CDATA[

 function toggleColour(Element)
{
   if (Element.style.backgroundColor == "#ffff00"
  {
    Element.style.backgroundColor = "#ffffff";
  }
  else
  {
    Element.style.backgroundColor = "#ffff00";
  }
}
]]>
</script>

Now you could put that code into an inline event handler but it would be rather messy :)

--

Joe

Current Thread

PURCHASE STYLUS STUDIO ONLINE TODAY!

Purchasing Stylus Studio from our online shop is Easy, Secure and Value Priced!

Buy Stylus Studio Now

Download The World's Best XML IDE!

Accelerate XML development with our award-winning XML IDE - Download a free trial today!

Don't miss another message! Subscribe to this list today.
Email
First Name
Last Name
Company
Subscribe in XML format
RSS 2.0
Atom 0.3
Site Map | Privacy Policy | Terms of Use | Trademarks
Free Stylus Studio XML Training:
W3C Member
Stylus Studio® and DataDirect XQuery ™are products from DataDirect Technologies, is a registered trademark of Progress Software Corporation, in the U.S. and other countries. © 2004-2013 All Rights Reserved.