Wednesday, November 18, 2009

XSLT transformation using Javascript

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.xslt.js" type="text/javascript"></script>
<script language='javascript'>

$(document).ready(function() {

var waitMessage = "<table width='100%' align='center'>" +
"<tr><td align='center'><img src='Your img'/></td></tr></table>";
$('#outResults').html(waitMessage);
var xsltUrl = 'Your xslt url here';
var xmlUrl = 'Your xml url here';

//load xml url
$.get(xmlUrl,{},
function(data, txtStatus){

//load xslt url
var xml = data.xml;
//load xslt url
$.get(xsltUrl,{},
function(data2, txtStatus2){

var xslt = data2.xml;
$('#outResults').xslt(xml, xslt);

}, "xml");

}, "xml");

}); //document ready

</script>

<div id="outResults"></div>

No comments:

Post a Comment