Button Click Event via XML,XSLT,javascript

rhd110 · June 20th, 2007, 04:31 AM

Firstly I claim I am very new to javascript
.Net's XML, XSLT I know very little

I have generated a button(Hello XML button) using XML, XSLT on
Default.aspx

Code written in C# **************************************

    protected void Page_Load(object sender, EventArgs e)
    {
      XslCompiledTransform objTransform = new XslCompiledTransform();
      XmlDocument objDocument = new XmlDocument();
      objDocument.Load(Server.MapPath("XMLFile.xml"));
      objTransform.Load(Server.MapPath("XSLTFILE.xsl"), null, new XmlUrlResolver());

      StringWriter objReturnStream = new StringWriter();
      objTransform.Transform(objDocument, null, objReturnStream);
      Response.Write(objReturnStream.ToString());
    }

Code Written in XML ****************************************

<TEST>
  <Button>
    <id>BtnID</id>
    <Text>Hello XML Demo</Text>
  </Button>
</TEST>

Code Written in XSLT*****************************************

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="/">
          <html>
            <body>
                  <xsl:text disable-output-escaping="yes"><![CDATA[<input type="button" id="]]></xsl:text>
                  <xsl:value-of select="TEST/Button/id"/>
                  <xsl:text disable-output-escaping="yes"><![CDATA[" value="]]></xsl:text>
                  <xsl:value-of select="TEST/Button/Text"/>
                  <xsl:text disable-output-escaping="yes"><![CDATA["]]></xsl:text>
            </body>
          </html>
    </xsl:template>
</xsl:stylesheet>

************************************************** *******************
On the Click event of button I want a messagebox "Hello"
I want it via JavaScript

Can any body help me.
Thanks in advance

mhkay · June 20th, 2007, 04:43 AM

My Javascript is very rusty so I'll leave that part to others, but before you do anything else, please change this code:

                 <xsl:text disable-output-escaping="yes"><![CDATA[<input type="button" id="]]></xsl:text>
                  <xsl:value-of select="TEST/Button/id"/>
                  <xsl:text disable-output-escaping="yes"><![CDATA[" value="]]></xsl:text>
                  <xsl:value-of select="TEST/Button/Text"/>
                  <xsl:text disable-output-escaping="yes"><![CDATA["]]></xsl:text>

This really isn't the way to write XSLT. disable-output-escaping is a last resort, to be used only cases where for some reason your input isn't properly marked up or you need to generate non-standard HTML or XML. And it doesn't work in all environments, because it relies on the output being serialized (which doesn't happen in Firefox, for example). The code you want is much simpler:

<html>
  <body>
    <input type="button"
           id="{TEST/Button/id}"
           value="{Test/Button/Text}"/>
  </body>
</html>

Michael Kay
http://www.saxonica.com/
Author, XSLT Programmer's Reference and XPath 2.0 Programmer's Reference

planoie · June 20th, 2007, 08:16 AM

To get a javascript alert, you need to put in an onclick handler to the button. I'll modify Michael's sample:

<html>
  <body>
    <input type="button"
           id="{TEST/Button/id}"
           value="{Test/Button/Text}"
           onclick="alert('Hello World');"
    />
  </body>
</html>

-Peter