I discovered this super useful jQuery function recently when I was working on a project, you run this on a form and it converts the form elements into a query string representing the state of the various elements, a simple method for creating a query string to be used with AJAX updates:
I made a really simple script for some standard jQuery tabs using CSS3 to make the tabs rounded with a gradient, no images involved.
I decided to make a jQuery image slider however I went down a few blind alleys logic-wise before settling on the method I used, I’ll explain how I ended up coding it and the problems I had with some other ways I tried.
If unable to use jQuery this is a vanilla JavaScript AJAX initialisation function for use with an XML file.
// ajax initialisation function
function makeRequest(url) {
http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
}