xsl_client.asp

W3Schools tutorial..web designing

client:</p>
<table width="100%" border="1" class="ex" cellspacing="0">
  <tr>
    <td>
      <pre>&lt;html&gt;
&lt;head&gt;
&lt;script&gt;
function loadXMLDoc(fname)
{
var xmlDoc;
// code for IE
if (window.ActiveXObject)
  {
  xmlDoc=new ActiveXObject(&quot;Microsoft.XMLDOM&quot;);
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation 
&amp;&amp; document.implementation.createDocument)
  {
  xmlDoc=document.implementation.createDocument(&quot;&quot;,&quot;&quot;,null);
  }
else
  {
  alert('Your browser cannot handle this script');
  }
xmlDoc.async=false;
xmlDoc.load(fname);
return(xmlDoc);
}

function displayResult()
{
xml=loadXMLDoc(&quot;cdcatalog.xml&quot;);
xsl=loadXMLDoc(&quot;cdcatalog.xsl&quot;);
// code for IE
if (window.ActiveXObject)
  {
  ex=xml.transformNode(xsl);
  document.getElementById(&quot;example&quot;).innerHTML=ex;
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation 
&amp;&amp; document.implementation.createDocument)
  {
  xsltProcessor=new XSLTProcessor();
  xsltProcessor.importStylesheet(xsl);
  resultDocument = xsltProcessor.transformToFragment(xml,document);
  document.getElementById(&quot;example&quot;).appendChild(resultDocument);
  }
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body id=&quot;example&quot; onLoad=&quot;displayResult()&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
    </td>
  </tr>
</table>
<p><b>Tip:</b> If you don't know how to write JavaScript, you can study our
<a href="../js/default.asp">JavaScript tutorial</a>.</p>
<h2>Example Explained:</h2>
<p><b>The loadXMLDoc() Function</b></p>
<p>The loadXMLDoc() function is used to load the XML and XSL 
files.</p>
<p>It checks what kind of browser the user has and loads the file.</p>
<p><b>The displayResult() Function</b></p>
<p>This function is used to display the XML file styled by the XSL file.</p>
<ul>
	<li>Load XML and XSL file</li>
	<li>Test what kind of browser the user has</li>
	<li>If the user has a browser supporting the ActiveX object:<ul>
		<li>Use the transformNode() method to apply the XSL style sheet to the 
		xml document</li>
		<li>Set the body of the current document (id=&quot;example&quot;) to contain the 
		styled xml document</li>
	</ul>
	</li>
	<li>If the user has a browser that does not support the ActiveX object:<ul>
		<li>Create a new XSLTProcessor object and import the XSL file to it</li>
		<li>Use the transformToFragment() method to apply the XSL style sheet to 
		the xml document</li>
		<li>Set the body of the current document (id=&quot;example&quot;) to contain the 
		styled xml document</li>
	</ul>
	</li>
</ul>
<p><a target="_blank" href="tryit.asp@filename=cdcatalog">Try it yourself</a>.</p>
<hr />
<a href="xsl_apply_templates.asp"><img border="0" src="../images/btn_previous.gif" alt="prev" width="100" height="20" /></a>
<a href="xsl_server.asp"><img border="0" src="../images/btn_next.gif" alt="next" width="100" height="20" /></a>

<br />
<hr />

<!-- **** SPOTLIGHTS 1 **** -->

<iframe src="../banners/aspallframe.asp" height="110" width="485"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<hr />
<!-- **** SPOTLIGHTS 2 **** -->


<!-- **** SPOTLIGHTS 3 **** -->
<table cellpadding="0" cellspacing="0"><tr><td width="72"></td><td>
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*txt*/
google_ad_slot = "1699448869";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td></tr></table>
<hr />

<center>

<iframe style="background-color:#ffffff" src="../banners/aspallbannerframe.asp" height="60" width="468" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>

</center>
<hr />

<table>
<tr>
<td><img src="../images/diploma.jpg" alt="diploma" /></td>
<td>&nbsp;&nbsp;</td>
<td valign="top">
<h2>Get Your Diploma!</h2>
<p>W3Schools' Online Certification Program is the perfect solution for busy 
professionals who need to balance work, family, and career building.</p>
<p>The <a href="../cert/default.asp">HTML Certificate</a> is for developers who want to document their knowledge of HTML, XHTML, and CSS.</p>
<p>The <a href="../cert/default.asp">ASP Certificate</a> is for developers who want to document their knowledge of ASP, SQL, and ADO.</p>
</td>
</tr>
</table>
<br />


<hr />

<!-- **** END SPOTLIGHTS **** -->

</td></tr>

<tr><td>
<p>Jump to: <a href="#top" target="_top"><b>Top of Page</b></a>
or <a href="../default.asp" target="_top"><b>HOME</b></a> or
<a href='xsl_client.asp@output=print' target="_blank">
<img src="../images/print.gif" alt="Printer Friendly" border="0" />
<b>Printer friendly page</b></a></p>
<p>W3Schools provides material for training only. We do not warrant the correctness of its contents.
The risk from using it lies entirely with the user.
While using this site, you agree to have read and accepted our
<a href="../about/about_copyright.asp">terms of use</a> and
<a href="../about/about_privacy.asp">privacy policy</a>.
</p>
<p><a href="../about/about_copyright.asp">Copyright 1999-2008</a> by Refsnes Data. All Rights Reserved.</p>
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr>
<td width="60%" align="left">
<a href="../../validator.w3.org/check@uri=referer" target="_blank">
<img src="../images/vxhtml.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../jigsaw.w3.org/css-validator/check@uri=referer" target="_blank">
<img src="../images/vcss.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../www.w3.org/WAI/WCAG1A-Conformance" title="Explanation of Level A Conformance" target="_blank">
<img src="../images/wai.gif" alt="W3C-WAI level A conformance icon" width="88" height="31" border="0" /></a>
</td>
<td>
<a href="../xhtml/xhtml_howto.asp" target="_top">W3Schools was converted to XHTML in December 1999</a>
</td></tr>

</table>
</td></tr>
</table>
</td>


<td width="145" align="center" valign="top">




<iframe style="background-color:#f1f1f1" src="../banners/rightcolumn.asp@secid=xsl" height="1500" width="147"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
</iframe>

</td>
</tr></table>

</body>
</html>