You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@esme.apache.org by bu...@apache.org on 2011/07/17 17:15:58 UTC

svn commit: r792931 - /websites/staging/esme/trunk/content/docs/clients/pure-javascript-client.html

Author: buildbot
Date: Sun Jul 17 15:15:57 2011
New Revision: 792931

Log:
Staging update by buildbot

Modified:
    websites/staging/esme/trunk/content/docs/clients/pure-javascript-client.html

Modified: websites/staging/esme/trunk/content/docs/clients/pure-javascript-client.html
==============================================================================
--- websites/staging/esme/trunk/content/docs/clients/pure-javascript-client.html (original)
+++ websites/staging/esme/trunk/content/docs/clients/pure-javascript-client.html Sun Jul 17 15:15:57 2011
@@ -57,205 +57,208 @@ any dependence on the server-side progra
 current implementation, it could be embedded in  Java, C#, etc. It could
 run in a variety of environments including  SharePoint, SAP Portal, etc.</p>
 <p>This first version offers:
-<em> Long-polling
-</em> Flexible design
-* The client uses XSL transformation to create HTML from the XML that
-originates from Apache ESME’s REST-API.</p>
+ * Long-polling
+ * Flexible design
+ * The client uses XSL transformation to create HTML from the XML that originates from Apache ESME’s REST-API.</p>
 <p><a name="PureJavaScriptClient-HTMLpage"></a></p>
-<h4 id="html_page">HTML page</h4>
-<p>{code:lang=javascript}<script type="text/javascript" language="javascript">
-var http_request = false;
-var xslDoc = false;
-function getFirstRequest() {</p>
-<p>//Load XSL File
-     xslTest();
-   
-   
-    http_request = GetXmlHttpObject();
-   
-    if (!http_request) {
-        alert('Cannot create XMLHTTP instance');
-        return false;
-    }
-   
-    login();
-   
-    getMessages ("http://api.esme.us/esme/api/get_msgs")
-   
-}</p>
-<p>function login () {
-   
-    var url = "http://api.esme.us/esme/api/login";
-    var params =
-"token="+encodeURIComponent("NSCPIKQ0QZ0GO2PJXMXGTKRL1O");
-    http_request.open("POST", url, false);
-    //Send the proper header information along with the request
-    http_request.setRequestHeader("Content-type",
-"application/x-www-form-urlencoded");
-    http_request.setRequestHeader("Content-length", params.length);
-    http_request.setRequestHeader("Connection", "close");
-   
-    http_request.send(params);
-   
-}</p>
-<p>function getMessages(rest_type) {
-   
-    http_request.open('GET', rest_type, true);
-    http_request.onreadystatechange = pageUpdate;
-    http_request.send(null);
-}</p>
-<p>function getNextRequest() {
-   
-    http_request = GetXmlHttpObject();
-   
-    if (!http_request) {
-        alert('Cannot create XMLHTTP instance');
-        return false;
-    }
-   
-    login();
-   
-    getMessages ("http://api.esme.us/esme/api/wait_for_msgs")
-   
-}</p>
-<p>function GetXmlHttpObject() {
-    var xmlHttp = null;
-    try {
-        // Firefox, Opera 8.0+, Safari
-        xmlHttp = new XMLHttpRequest();
-    }
-    catch(e) {
-        // Internet Explorer
-        try {
-            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
-        }
-        catch(e) {
-            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
-        }
-    }
-    return xmlHttp;
-}</p>
-<p>function pageUpdate() {
-    if (http_request.readyState == 0) {
-        document.getElementById('resultbox').innerHTML = "Sending
-Request...";
-    }
-    if (http_request.readyState == 1) {
-        document.getElementById('resultbox').innerHTML = "Loading
-Response...";
-    }
-    if (http_request.readyState == 2) {
-        document.getElementById('resultbox').innerHTML = "Response
-Loaded...";
-    }
-    if (http_request.readyState == 3) {
-        document.getElementById('resultbox').innerHTML = "Response
-Ready...";
-    }
-    if (http_request.readyState == 4) {
-        //alert(http_request.responseText);
-        //addText (http_request.responseText);
-        loadXML (http_request.responseText);
-       
-        http_request.open('GET', "http://api.esme.us/esme/api/logout",
-true);
-        http_request.send(null);
-       
-        getNextRequest();
-    }
-   
-}</p>
-<p>function addText (text) {
-    var pTag = document.createElement("p");
-    pTag.setAttribute("align","center");
-    pTag.innerHTML = text;
-    var div =  document.getElementById("details")
-   div.insertBefore(pTag, div.childNodes<a href="0.html">0</a>
-);
-   
-}</p>
-<p>function loadXML (text) {
-   
-    try //Internet Explorer
-    {
-        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
-        xmlDoc.async="false";
-        xmlDoc.loadXML(text);
-    }
-    catch(e)
-    {
-        try //Firefox, Mozilla, Opera, etc.
-        {
-            parser=new DOMParser();
-            xmlDoc=parser.parseFromString(text,"text/xml");
-        }
-        catch(e) {alert(e.message)}
-    }
-    try
-    {
-        var sResult = xmlDoc.documentElement.transformNode(xslDoc);
-        //alert (sResult);
-        addText (sResult);
-    }
-    catch(e) {
-        alert(e.message)
-    }
-   
-}</p>
-<p>function xslTest () {
-try //Internet Explorer
-{
-    xslDoc=new ActiveXObject("Microsoft.XMLDOM");
-}
-catch(e)
-{
-    try //Firefox, Mozilla, Opera, etc.
-    {
-        xslDoc=document.implementation.createDocument("","",null);
-    }
-    catch(e) {alert(e.message)}
-}
-try
-{
-    xslDoc.async=false;
-    xslDoc.load("d:/temp/esme.xsl");
-}
-catch(e) {alert(e.message)}
-}</p>
-<p></script>
-<body onload="getFirstRequest()"></p>
-<div id="resultbox"></div>
-<div id="details"><p> </p></div>
-
-</body>
-
-<div class="codehilite"><pre><span class="n">h4</span><span class="o">.</span> <span class="n">XLS</span> <span class="n">File</span>
-
-<span class="p">{</span><span class="n">code:lang</span><span class="o">=</span><span class="n">xml</span><span class="p">}</span><span class="o">&lt;</span><span class="p">?</span><span class="n">xml</span> <span class="n">version</span><span class="o">=</span><span class="s">&quot;1.0&quot;</span><span class="p">?</span><span class="o">&gt;</span>
-<span class="o">&lt;</span><span class="n">xsl:stylesheet</span> <span class="n">version</span><span class="o">=</span><span class="s">&quot;1.0&quot;</span>
+<h3 id="html_page">HTML page</h3>
+<div class="codehilite"><pre><span class="o">&lt;</span><span class="n">script</span> <span class="n">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span> <span class="n">language</span><span class="o">=</span><span class="s">&quot;javascript&quot;</span><span class="o">&gt;</span>
+<span class="n">var</span> <span class="n">http_request</span> <span class="o">=</span> <span class="n">false</span><span class="p">;</span>
+<span class="n">var</span> <span class="n">xslDoc</span> <span class="o">=</span> <span class="n">false</span><span class="p">;</span>
+<span class="n">function</span> <span class="n">getFirstRequest</span><span class="p">()</span> <span class="p">{</span>
+
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span><span class="sr">//</span><span class="n">Load</span> <span class="n">XSL</span> <span class="n">File</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span><span class="n">xslTest</span><span class="p">();</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span> <span class="o">=</span> <span class="n">GetXmlHttpObject</span><span class="p">();</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="n">http_request</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">alert</span><span class="p">(</span><span class="s">&#39;Cannot create XMLHTTP instance&#39;</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="k">return</span> <span class="n">false</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">login</span><span class="p">();</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">getMessages</span> <span class="p">(</span><span class="s">&quot;http://api.esme.us/esme/api/get_msgs&quot;</span><span class="p">)</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="p">}</span>
+
+<span class="n">function</span> <span class="n">login</span> <span class="p">()</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">var</span> <span class="n">url</span> <span class="o">=</span> <span class="s">&quot;http://api.esme.us/esme/api/login&quot;</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">var</span> <span class="n">params</span> <span class="o">=</span>
+<span class="s">&quot;token=&quot;</span><span class="o">+</span><span class="n">encodeURIComponent</span><span class="p">(</span><span class="s">&quot;NSCPIKQ0QZ0GO2PJXMXGTKRL1O&quot;</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span><span class="o">.</span><span class="nb">open</span><span class="p">(</span><span class="s">&quot;POST&quot;</span><span class="p">,</span> <span class="n">url</span><span class="p">,</span> <span class="n">false</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="sr">//</span><span class="n">Send</span> <span class="n">the</span> <span class="n">proper</span> <span class="n">header</span> <span class="n">information</span> <span class="n">along</span> <span class="n">with</span> <span class="n">the</span> <span class="n">request</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span><span class="o">.</span><span class="n">setRequestHeader</span><span class="p">(</span><span class="s">&quot;Content-type&quot;</span><span class="p">,</span>
+<span class="s">&quot;application/x-www-form-urlencoded&quot;</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span><span class="o">.</span><span class="n">setRequestHeader</span><span class="p">(</span><span class="s">&quot;Content-length&quot;</span><span class="p">,</span> <span class="n">params</span><span class="o">.</span><span class="nb">length</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span><span class="o">.</span><span class="n">setRequestHeader</span><span class="p">(</span><span class="s">&quot;Connection&quot;</span><span class="p">,</span> <span class="s">&quot;close&quot;</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span><span class="o">.</span><span class="nb">send</span><span class="p">(</span><span class="n">params</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="p">}</span>
+
+<span class="n">function</span> <span class="n">getMessages</span><span class="p">(</span><span class="n">rest_type</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span><span class="o">.</span><span class="nb">open</span><span class="p">(</span><span class="s">&#39;GET&#39;</span><span class="p">,</span> <span class="n">rest_type</span><span class="p">,</span> <span class="n">true</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span><span class="o">.</span><span class="n">onreadystatechange</span> <span class="o">=</span> <span class="n">pageUpdate</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span><span class="o">.</span><span class="nb">send</span><span class="p">(</span><span class="n">null</span><span class="p">);</span>
+<span class="p">}</span>
+
+<span class="n">function</span> <span class="n">getNextRequest</span><span class="p">()</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span> <span class="o">=</span> <span class="n">GetXmlHttpObject</span><span class="p">();</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="n">http_request</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">alert</span><span class="p">(</span><span class="s">&#39;Cannot create XMLHTTP instance&#39;</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="k">return</span> <span class="n">false</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">login</span><span class="p">();</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">getMessages</span> <span class="p">(</span><span class="s">&quot;http://api.esme.us/esme/api/wait_for_msgs&quot;</span><span class="p">)</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="p">}</span>
+
+<span class="n">function</span> <span class="n">GetXmlHttpObject</span><span class="p">()</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">var</span> <span class="n">xmlHttp</span> <span class="o">=</span> <span class="n">null</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">try</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="sr">//</span> <span class="n">Firefox</span><span class="p">,</span> <span class="n">Opera</span> <span class="mf">8.0</span><span class="o">+</span><span class="p">,</span> <span class="n">Safari</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">xmlHttp</span> <span class="o">=</span> <span class="k">new</span> <span class="n">XMLHttpRequest</span><span class="p">();</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">catch</span><span class="p">(</span><span class="n">e</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="sr">//</span> <span class="n">Internet</span> <span class="n">Explorer</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">try</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">xmlHttp</span> <span class="o">=</span> <span class="k">new</span> <span class="n">ActiveXObject</span><span class="p">(</span><span class="s">&quot;Msxml2.XMLHTTP&quot;</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">catch</span><span class="p">(</span><span class="n">e</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">xmlHttp</span> <span class="o">=</span> <span class="k">new</span> <span class="n">ActiveXObject</span><span class="p">(</span><span class="s">&quot;Microsoft.XMLHTTP&quot;</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="k">return</span> <span class="n">xmlHttp</span><span class="p">;</span>
+<span class="p">}</span>
+
+<span class="n">function</span> <span class="n">pageUpdate</span><span class="p">()</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="k">if</span> <span class="p">(</span><span class="n">http_request</span><span class="o">.</span><span class="n">readyState</span> <span class="o">==</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">document</span><span class="o">.</span><span class="n">getElementById</span><span class="p">(</span><span class="s">&#39;resultbox&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">innerHTML</span> <span class="o">=</span> <span class="s">&quot;Sending</span>
+<span class="s">Request...&quot;</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="k">if</span> <span class="p">(</span><span class="n">http_request</span><span class="o">.</span><span class="n">readyState</span> <span class="o">==</span> <span class="mi">1</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">document</span><span class="o">.</span><span class="n">getElementById</span><span class="p">(</span><span class="s">&#39;resultbox&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">innerHTML</span> <span class="o">=</span> <span class="s">&quot;Loading</span>
+<span class="s">Response...&quot;</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="k">if</span> <span class="p">(</span><span class="n">http_request</span><span class="o">.</span><span class="n">readyState</span> <span class="o">==</span> <span class="mi">2</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">document</span><span class="o">.</span><span class="n">getElementById</span><span class="p">(</span><span class="s">&#39;resultbox&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">innerHTML</span> <span class="o">=</span> <span class="s">&quot;Response</span>
+<span class="s">Loaded...&quot;</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="k">if</span> <span class="p">(</span><span class="n">http_request</span><span class="o">.</span><span class="n">readyState</span> <span class="o">==</span> <span class="mi">3</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">document</span><span class="o">.</span><span class="n">getElementById</span><span class="p">(</span><span class="s">&#39;resultbox&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">innerHTML</span> <span class="o">=</span> <span class="s">&quot;Response</span>
+<span class="s">Ready...&quot;</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="k">if</span> <span class="p">(</span><span class="n">http_request</span><span class="o">.</span><span class="n">readyState</span> <span class="o">==</span> <span class="mi">4</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="sr">//</span><span class="n">alert</span><span class="p">(</span><span class="n">http_request</span><span class="o">.</span><span class="n">responseText</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="sr">//</span><span class="n">addText</span> <span class="p">(</span><span class="n">http_request</span><span class="o">.</span><span class="n">responseText</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">loadXML</span> <span class="p">(</span><span class="n">http_request</span><span class="o">.</span><span class="n">responseText</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span><span class="o">.</span><span class="nb">open</span><span class="p">(</span><span class="s">&#39;GET&#39;</span><span class="p">,</span> <span class="s">&quot;http://api.esme.us/esme/api/logout&quot;</span><span class="p">,</span>
+<span class="n">true</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">http_request</span><span class="o">.</span><span class="nb">send</span><span class="p">(</span><span class="n">null</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">getNextRequest</span><span class="p">();</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="p">}</span>
+
+<span class="n">function</span> <span class="n">addText</span> <span class="p">(</span><span class="n">text</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">var</span> <span class="n">pTag</span> <span class="o">=</span> <span class="n">document</span><span class="o">.</span><span class="n">createElement</span><span class="p">(</span><span class="s">&quot;p&quot;</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">pTag</span><span class="o">.</span><span class="n">setAttribute</span><span class="p">(</span><span class="s">&quot;align&quot;</span><span class="p">,</span><span class="s">&quot;center&quot;</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">pTag</span><span class="o">.</span><span class="n">innerHTML</span> <span class="o">=</span> <span class="n">text</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">var</span> <span class="n">div</span> <span class="o">=</span> <span class="err"> </span><span class="n">document</span><span class="o">.</span><span class="n">getElementById</span><span class="p">(</span><span class="s">&quot;details&quot;</span><span class="p">)</span>
+<span class="err"> </span> <span class="err"> </span><span class="n">div</span><span class="o">.</span><span class="n">insertBefore</span><span class="p">(</span><span class="n">pTag</span><span class="p">,</span> <span class="n">div</span><span class="o">.</span><span class="n">childNodes</span><span class="p">[</span><span class="mi">0</span><span class="p">](</span><span class="mi">0</span><span class="o">.</span><span class="n">html</span><span class="p">)</span>
+<span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="p">}</span>
+
+<span class="n">function</span> <span class="n">loadXML</span> <span class="p">(</span><span class="n">text</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">try</span> <span class="sr">//</span><span class="n">Internet</span> <span class="n">Explorer</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">xmlDoc</span><span class="o">=</span><span class="k">new</span> <span class="n">ActiveXObject</span><span class="p">(</span><span class="s">&quot;Microsoft.XMLDOM&quot;</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">xmlDoc</span><span class="o">.</span><span class="n">async</span><span class="o">=</span><span class="s">&quot;false&quot;</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">xmlDoc</span><span class="o">.</span><span class="n">loadXML</span><span class="p">(</span><span class="n">text</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">catch</span><span class="p">(</span><span class="n">e</span><span class="p">)</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">try</span> <span class="sr">//</span><span class="n">Firefox</span><span class="p">,</span> <span class="n">Mozilla</span><span class="p">,</span> <span class="n">Opera</span><span class="p">,</span> <span class="n">etc</span><span class="o">.</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">parser</span><span class="o">=</span><span class="k">new</span> <span class="n">DOMParser</span><span class="p">();</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">xmlDoc</span><span class="o">=</span><span class="n">parser</span><span class="o">.</span><span class="n">parseFromString</span><span class="p">(</span><span class="n">text</span><span class="p">,</span><span class="s">&quot;text/xml&quot;</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">catch</span><span class="p">(</span><span class="n">e</span><span class="p">)</span> <span class="p">{</span><span class="n">alert</span><span class="p">(</span><span class="n">e</span><span class="o">.</span><span class="n">message</span><span class="p">)}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">try</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">var</span> <span class="n">sResult</span> <span class="o">=</span> <span class="n">xmlDoc</span><span class="o">.</span><span class="n">documentElement</span><span class="o">.</span><span class="n">transformNode</span><span class="p">(</span><span class="n">xslDoc</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="sr">//</span><span class="n">alert</span> <span class="p">(</span><span class="n">sResult</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">addText</span> <span class="p">(</span><span class="n">sResult</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">catch</span><span class="p">(</span><span class="n">e</span><span class="p">)</span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">alert</span><span class="p">(</span><span class="n">e</span><span class="o">.</span><span class="n">message</span><span class="p">)</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span>
+<span class="p">}</span>
+
+<span class="n">function</span> <span class="n">xslTest</span> <span class="p">()</span> <span class="p">{</span>
+<span class="n">try</span> <span class="sr">//</span><span class="n">Internet</span> <span class="n">Explorer</span>
+<span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">xslDoc</span><span class="o">=</span><span class="k">new</span> <span class="n">ActiveXObject</span><span class="p">(</span><span class="s">&quot;Microsoft.XMLDOM&quot;</span><span class="p">);</span>
+<span class="p">}</span>
+<span class="n">catch</span><span class="p">(</span><span class="n">e</span><span class="p">)</span>
+<span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">try</span> <span class="sr">//</span><span class="n">Firefox</span><span class="p">,</span> <span class="n">Mozilla</span><span class="p">,</span> <span class="n">Opera</span><span class="p">,</span> <span class="n">etc</span><span class="o">.</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="err"> </span> <span class="n">xslDoc</span><span class="o">=</span><span class="n">document</span><span class="o">.</span><span class="n">implementation</span><span class="o">.</span><span class="n">createDocument</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="n">null</span><span class="p">);</span>
+<span class="err"> </span> <span class="err"> </span> <span class="p">}</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">catch</span><span class="p">(</span><span class="n">e</span><span class="p">)</span> <span class="p">{</span><span class="n">alert</span><span class="p">(</span><span class="n">e</span><span class="o">.</span><span class="n">message</span><span class="p">)}</span>
+<span class="p">}</span>
+<span class="n">try</span>
+<span class="p">{</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">xslDoc</span><span class="o">.</span><span class="n">async</span><span class="o">=</span><span class="n">false</span><span class="p">;</span>
+<span class="err"> </span> <span class="err"> </span> <span class="n">xslDoc</span><span class="o">.</span><span class="n">load</span><span class="p">(</span><span class="s">&quot;d:/temp/esme.xsl&quot;</span><span class="p">);</span>
+<span class="p">}</span>
+<span class="n">catch</span><span class="p">(</span><span class="n">e</span><span class="p">)</span> <span class="p">{</span><span class="n">alert</span><span class="p">(</span><span class="n">e</span><span class="o">.</span><span class="n">message</span><span class="p">)}</span>
+<span class="p">}</span>
+
+<span class="sr">&lt;/script&gt;</span>
+<span class="o">&lt;</span><span class="n">body</span> <span class="n">onload</span><span class="o">=</span><span class="s">&quot;getFirstRequest()&quot;</span><span class="o">&gt;</span>
+
+<span class="o">&lt;</span><span class="n">div</span> <span class="n">id</span><span class="o">=</span><span class="s">&quot;resultbox&quot;</span><span class="o">&gt;</span><span class="sr">&lt;/div&gt;</span>
+<span class="o">&lt;</span><span class="n">div</span> <span class="n">id</span><span class="o">=</span><span class="s">&quot;details&quot;</span><span class="o">&gt;</span><span class="sr">&lt;p&gt;</span> <span class="sr">&lt;/p&gt;&lt;/div&gt;</span>
+<span class="sr">&lt;/body&gt;</span>
 </pre></div>
 
 
-<p>xmlns:xsl="http://www.w3.org/1999/XSL/Transform"&gt;</p>
-<div class="codehilite"><pre>    <span class="o">&lt;</span><span class="n">xsl:output</span> <span class="n">method</span><span class="o">=</span><span class="s">&quot;html&quot;</span> <span class="o">/&gt;</span>
-
-    <span class="o">&lt;</span><span class="n">xsl:template</span> <span class="n">match</span><span class="o">=</span><span class="s">&quot;author&quot;</span><span class="o">&gt;</span>
-    <span class="sr">&lt;tr&gt;</span>
-    <span class="sr">&lt;td&gt;</span>
-    <span class="sr">&lt;img&gt;</span>
-    <span class="o">&lt;</span><span class="n">xsl:attribute</span> <span class="n">name</span><span class="o">=</span><span class="s">&quot;src&quot;</span><span class="o">&gt;&lt;</span><span class="n">xsl:value</span><span class="o">-</span><span class="n">of</span> <span class="nb">select</span><span class="o">=</span><span class="s">&quot;@image&quot;</span>
-</pre></div>
-
+<h2 id="xls_file">XLS File</h2>
+<div class="codehilite"><pre>    <span class="cp">&lt;?xml version=&quot;1.0&quot;?&gt;</span>
+    <span class="k">&lt;xsl:stylesheet</span> <span class="na">version=</span><span class="s">&quot;1.0&quot;</span> <span class="na">xmlns:xsl=</span><span class="s">&quot;http://www.w3.org/1999/XSL/Transform&quot;</span><span class="nt">&gt;</span>
+
+    <span class="k">&lt;xsl:output</span> <span class="na">method=</span><span class="s">&quot;html&quot;</span> <span class="nt">/&gt;</span>
+
+    <span class="k">&lt;xsl:template</span> <span class="na">match=</span><span class="s">&quot;author&quot;</span><span class="nt">&gt;</span>
+    <span class="nt">&lt;tr&gt;</span>
+    <span class="nt">&lt;td&gt;</span>
+    <span class="nt">&lt;img&gt;</span>
+    <span class="k">&lt;xsl:attribute</span> <span class="na">name=</span><span class="s">&quot;src&quot;</span><span class="nt">&gt;</span><span class="k">&lt;xsl:value-of</span> <span class="na">select=</span><span class="s">&quot;@image&quot;</span><span class="nt">/&gt;</span><span class="k">&lt;/xsl:attribute&gt;</span>
+    <span class="k">&lt;xsl:attribute</span> <span class="na">name=</span><span class="s">&quot;alt&quot;</span><span class="nt">&gt;</span><span class="k">&lt;xsl:value-of</span> <span class="na">select=</span><span class="s">&quot;@name&quot;</span><span class="nt">/&gt;</span><span class="k">&lt;/xsl:attribute&gt;</span>
+    <span class="nt">&lt;/img&gt;</span>
+    From: <span class="k">&lt;xsl:value-of</span> <span class="na">select=</span><span class="s">&quot;@name&quot;</span> <span class="nt">/&gt;</span>
+    <span class="nt">&lt;/td&gt;</span>
+    <span class="nt">&lt;/tr&gt;</span>
+    <span class="k">&lt;/xsl:template&gt;</span>
 
-<p>/&gt;</xsl:attribute>
-        <xsl:attribute name="alt"><xsl:value-of select="@name"
-/></xsl:attribute>
-        </img>
-        From: <xsl:value-of select="@name" />
-        </td>
-        </tr>
-        </xsl:template></p>
-<div class="codehilite"><pre>    <span class="k">&lt;xsl:template</span> <span class="na">match=</span><span class="s">&quot;body&quot;</span><span class="nt">&gt;</span>
+    <span class="k">&lt;xsl:template</span> <span class="na">match=</span><span class="s">&quot;body&quot;</span><span class="nt">&gt;</span>
     <span class="nt">&lt;tr&gt;&lt;td&gt;</span>
      Message: <span class="k">&lt;xsl:value-of</span> <span class="na">select=</span><span class="s">&quot;.&quot;</span><span class="nt">/&gt;&lt;/td&gt;&lt;/tr&gt;</span>
     <span class="k">&lt;/xsl:template&gt;</span>