I then went through a couple of other basic examples using Prototype / Scriptaculous, including a quick ajax autocompletion and a demo of my prototype based javascript validation.

As promised to those who attended I’ve uploaded my presentation and the nsf containing Domino YUI and the other examples.

• Presentation (using Eric Meyer’s S5)
• Domino Demo’s NSF
• Prototype/Scriptaculous based Javascript Validation

Check out XULPlanet for extra info, and a really in depth tutorial.

I’ve been playing around locally just learing the basic functionality and intend to start working on a generic view navigator using the tree object (which has built in functionality for sorting, ordering columns, etc).

First include sarissa.js and sarissa_dhtml.js, the second of these contains what we want to use: Sarissa.updateContentFromURI( URL, element, XSLT ). This does all the hard AJAX work for us by creating an xmlhttp object and making a call to the provided URL, it then processes the retrieved XML with the XSL processor you provide and places the results in the element you specify.

To start this off I needed a stylesheet that would transform a ReadViewEntries call into HTML, there’s an awesome example of this in Domino Web Tools, but I was having some issues getting the XSL to load in IE and didn’t have the time to work through the XSL and find the issue. So I kept looking and found a nice simple stylesheet (I can’t remember where I found this, if anyone knows, let me know so I can give proper credit). I made a couple small changes to the stylesheet to fit my needs (added an anchor tag on text items to link to the document).

Time to test out a view, I created a form and wrote up some pass-thru html with an empty div as a placeholder for the view. Added the sarissa.js and sarissa_dhtml.js libraries into the JS Header and added a quick onLoad call:

Sarissa.updateContentFromURI(‘/myView?ReadViewEntries&count=30′, document.getElementById(“myPlaceholder”));

That worked fine and got some straight xml placed into the div. Now onto the XSL file to get some html to place in the div. I created a new page and pasted the XSL file into it (remember to change content-type to ‘text/XML’). Now that the XSL file is there, I needed to set up an XSLT processor to pass to Sarissa:

var proc = new XSLTProcessor();
var xslDoc = Sarissa.getDomDocument();
xslDoc.load(“viewentries.xsl”);
proc.importStylesheet(xslDoc);

This creates another AJAX call to load the XSL document and import it into a re-usable XSLT processor.

From here all I need to do is pass the processor to Sarissa and it will take care of all the work.

Sarissa.updateContentFromURI(‘/myView?ReadViewEntries&count=30′, document.getElementById(“myPlaceholder”),proc);

Once everything is set to go you can easily create links that just do another Sarissa call to a different view (or same with different parameters), using the same XSLT processor. You can easily have this replace the current view or even display another view in a different div.

Next Time: Displaying Notes Views with AJAX Part 2: Adding Bob Obringer’s Ultimate View Navigator

XSL File Used: viewentries.xsl