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>

<script>
<![CDATA[

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