I wrote these posts in 2005 and I haven’t used ajaxslt (or xslt for that matter) much since then. I ditched the approach in favor of building my UI completely in Javascript (no HTML, no CSS, just JS objects).

- Erik

Could you tell me how to implement the case:using xsl:include in a xsl file?

Thanks,
Jason

var xml, xsl, menuNode; //Create variables
xml = GetXmlHttpObject();
xml.open(“GET”,”menu.xml”,false);
xml.send(null);
xsl = GetXmlHttpObject();
xsl.open(“GET”,”menu.xsl”,false);
xsl.send(null);
menuNode = document.getElementById(“menu”);
xsltProcessContext(new ExprContext(xml.responseXML), xsl.responseXML,
menuNode);

The algorithm is very simple. It is basically divided into 4 steps:
1. Load the menu.xml
2. Load the menu.xsl
3. Get a container with id “menu”.
4. Transform “menu.xml” with “menu.xsl” and append it into “menu”
using ajaxslt.
Still it doesn’t work. What am I doing wrong?

Please note that menu.xml and menu.xsl are correcly formatted, the div with id “menu” is already loaded when it is called and GetXmlHttpObject() is a function I copied from w3schools site that returns an xmlhttpobject (depending on the browser).

Just want to say thanks to all of you for your comments and insight.

I’ve got an xml file with a couple of main nodes (just below root) that I needed to separate and parse them 1 by 1 with an xsl file that contains templates for all of them, into HTML code. Then I’d write out that HTML string to a DIV on one of my webpages. Struggled for 2 days until I stumbled across this site. :)

I basically used Prototype’s XMLHttpRequest implementation together with Sarissa’s XSLTProcessor functions to get it working. And it works on IE and FF! :)

There’s just one problem, in IE my first click does nothing. I basically need to click on my button twice before it starts executing. On FF it works like a charm.

Thanks
Ettiene

Though a quick Gooooooooogle search finds this page on XSLT date addition: http://www.dpawson.co.uk/xsl/rev2/dates.html

i need to show a page similar to a customized calender
where I have a 8*8 table and all the cell will have background color according to the xml data which has a date field

So if the date have specific data (in xml) I will color out the cell with specific color for that date.

My problem is in implementing date addition in xslt. I dont know how to solve this may be we can add a javascript function and get its output in xslt ?

Thanks
-sameer

Any idea, why in the xsltProcessContext (… IE crashes and it get closed…
If I comment that line, nothing happens…

var html = xsltProcess(xmlData,xslData);
var li=document.createElement(“div”);
li.setAttribute(“id”, “result2″);
xsltProcessContext(new ExprContext(xmlData),xslData, li); ### ANY IDEA WHY IN IE CRASH HERE ???
var nd = document.getElementById(“result”);
var parentDiv = nd.parentNode;
parentDiv.replaceChild(li, nd);
li.setAttribute(“id”, “result”);

Thanks,
Tito

var logging__ = false;

all the best,
Phil

i thought the following would display my xml pge through my xsl page, however all i get is a grey box in top right corner with parse details.

I click on link ro run “runNow()” function whicin turn runs requesXML & requestXSL (same as requesXML but not getting root_node. then onto the xsltprocess context

i would appreciate any help,
thanks

var http_requestXML = false;
var http_requestXSL = false;
var xmldoc = false;
var xsldoc = false;
var root_node = false;

function requestXML(url) {
http_requestXML = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,…
http_requestXML = new XMLHttpRequest();
if (http_requestXML.overrideMimeType) {
http_requestXML.overrideMimeType(‘text/xml’);
}
} else if (window.ActiveXObject) { // IE
try {
http_requestXML = new ActiveXObject(“Msxml2.XMLHTTP”);
} catch (e) {
try {
http_requestXML = new ActiveXObject(“Microsoft.XMLHTTP”);
} catch (e) {}
}
}

if (!http_requestXML) {
alert(‘Giving up :( Cannot create an XMLHTTP instance’);
return false;
}
http_requestXML.onreadystatechange = getXML;
http_requestXML.open(‘GET’, url, true);
http_requestXML.send(null);

}

function getXML() {
if (http_requestXML.readyState == 4) {
if (http_requestXML.status == 200) {
xmldoc = http_requestXML.responseXML;
alert(‘gotXMLDoc.’);
var root_node = xmldoc.getElementsByTagName(‘root’);
alert(‘got root_node.’);
} else {
alert(‘There was a problem with the request.’);
}
}
}

function runNow() {
requestXML(‘test.xml’);
requestXSL(‘test.xsl’);
xsltProcessContext(new ExprContext(http_requestXML.responseXML), http_requestXSL.responseXML, root_node);
}

var expr = xpathParse(xPath);
var nodeSet = expr.evaluate(new ExprContext(this));
//this returns a “node-set” object which must be converted to an array of nodes
var nodeArr = nodeSet.nodeSetValue();

//now you can use the array of nodes to iterate

for(var i=0; i

function transformXML()
{
var myXmlRequest = new ActiveXObject(“Microsoft.XMLHTTP”);
var myXslRequest = new ActiveXObject(“Microsoft.XMLHTTP”);

myXmlRequest.onreadystatechange = processReqChange;
myXmlRequest.open(“GET”, “table0.xml”, true);
myXmlRequest.send();

myXslRequest.onreadystatechange = processReqChange;
myXslRequest.open(“GET”, “table0.xslt”, true);
myXslRequest.send();

xmlText(myXmlRequest.responseXML);
var myNode = document.getElementById(“htmldisplay”);
xsltProcessContext(new ExprContext(myXmlRequest.responseXML), myXslRequest.responseXML, myNode);
}

thanks!

Continuing from thrown exception.
Exception “Permission denied to get property XMLDocument.firstChild” thrown from function xpathCollectDescendants(nodelist=Array:{2}, node=XMLDocument:{0}) in line 2094.
Stopped for thrown exception.

Furthermore, IE and Firefox disagree on their handling of namespace prefixes. IE leaves them in the names of nodes, Firefox removes them.

This can all be ducked by using the DOM parser that comes in the package, but it is very, very, slow in IE6. So, it looks like one would use the native DOM on IE and the google DOM on Firefox. Hmm.

For example, your Javascript might make an XMLHttpRequest for http://www.example.com/cgi-bin/foo.pl which would then return some XML for the Javascript to process.

You can read more about XMLHttpRequest here: http://developer.apple.com/internet/webcontent/xmlhttpreq.html

I’ve been reading docs on ajax and they all seem to talk about this XML request. Where is the server for this request located? I have a web server running apache, and I have some perl cgi’s that query MySQL to retrieve information from users. Do I need to add another module on my machine (server side) to handle the XML requests that AJAX sends? Please clarify!

One way to get around it is to remove all the child nodes of the target node before calling xsltProcessContext().

Another way would be to create a new node (perhaps a div), pass that into xsltProcessContext(), and tell your target node’s parent to replace the target node with the new node that you created (something like: targetNode.parentNode.replaceChild(newNode, targetNode) )

I follow your reply and get the result successfully. But it seems that the result is appended to the ABC text which is available before. So what should i do to replace ABC text with the result instead of appending ?

Thanks a lot Erik,
ANH KHOA HUYNH

Your code looks fine upon quick inspection. If you’re sure that you’re getting the XML and XSL back correctly (which you can inspect with the xmlText() function described above), then it might be a matter of the XSL not matching any elements in the XML so you might need to fiddle with the XSL a bit.

At the page http://www.ubivn.com/xichlo/?m=ajax&a=tutorial1 , i follow your tutorial. After clicking on the “Get XML” and “Get XSLT” button to fetch 2 file tutorial1.xml and tutorial1.xsl, i click on the “Get Result” then I get the message at the top-right of the screen. Did I do something wrong in my source code ?

Thanks in advance,

ANH KHOA HUYNH

I use the Ajaxslt library to do exactly what you are asking about.

My HTML page and Javascript load and put up a “Loading…” message. Then the Javascript makes an XmlHttpRequest for some XML and another XmlHttpRequest for some XSL. When both have arrived, I get the XML and XSL from the XmlHttpRequests (using the XmlHttpRequest’s “responseXML” field) and have Ajaxslt render them.

So something like:

xsltProcessContext(new ExprContext(myXmlRequest.responseXML), myXslRequest.responseXML, myNode);

Apple has a good tutorial on XmlHttpRequest: http://developer.apple.com/internet/webcontent/xmlhttpreq.html

Also, the Prototype library has an XmlHttpRequest wrapper (but not much documentation): http://prototype.conio.net/

And don’t forget about the Ajaxslt list: http://groups.google.com/group/google-ajax-discuss

thank you very much for your tutorial. It helps me to understand Google AJAXSLT better. I have a question though, and I hope u can / would help me solve the problem.

In your tutorial, it seems that the XML & XSL are put in a text form in the code. I’d like to use AJAXSLT to import an external XML & XSL file, perform the transformation, and generate an text xml-output. Is it possible to perfrom this task using AJAXSLT?

Thank you very much in advance,

Gary

Cheers
Neil

Just wanted to say thank you for this (and your other) How To, this is just what I need to get a foot in the door with Ajaxslt! It’s really hard to know where to start in order to get a handle on this technology as it evolves so it helps to simplify things like this.

Regards,
MLGrant