JavaScript and AJAX Web Development Tutorials

JavaScript, jQuery and AJAX (Asynchronous JavaScript and XML) Tutorials.
  Title / Author Replies
Views Reverse Sort Order
Introduction Ajax, or AJAX, is a web development technique used for creating interactive web applications. The intent is to make web pages feel more responsive by exchanging small amounts of data with the server behind the scenes, so that the entire web page does not have to be reloaded each...
Xmlhttp is hot these, with the advent of AJAX.Xmlhttp is mainly used on the client-side to query or fetch blocks of data from the server.A typical example would be when in a sign up form the user selects the country the states for the selected country is automatically populated in the state...
Introduction The Date class in JavaScript.This class not only makes the manipulation of dates easier (regardless of which date format you prefer) but it also handles time as well. Any time that you have a javascript that is required to do any sort of processing based on either the...
Today, we'll see how to implement a bouncing ball in javascript. The ball will bounce all around the page and we will also introduce a gravity factor to make the ball slowly come to rest. The technique is what is important here. It can then be used in any kind of moving-object animation. What...
There are multiple ways to attach an event handler in jQuery but all of them does not function exactly the same way. If there are elements created after DOM is loaded, then not all the events associated with them would be triggered if you have not attached the event handlers correctly. Example ...
A look at how AJAX works This tutorial will show you how ajax works and how to use it from a web developers standpoint. Ever wonder how things like G-Talk work? they don't reload the page or use Iframes and yet they always appear to have the data thats coming in instantly. it acomplishes this...
Have you ever wondered when you see form on some website submitted in a fraction of a second? Have you ever wanted such forms on your site? This is it. Let us take a sample form. <form method="post" action="SubmitToSomeFile" id="frm" accept-charset=UTF-8 name="frm"> <table...
Non-JavaScript Programmers find it difficult to have fancy drop down menu's but not any more. Today I will show you how easy it is to create a simple yet very SEO Friendly Drop Down Menu Using JQuery. The idea of this article came from the thread started by siddharthrkulkarni on Drop Down Menu....
Whenever we write form validation scripts, we usually have to write some code for each of the form elements we have to validate, wouldn't it have been better if we had a generic class which would check the form elements based on a few parameters.This is where JavaScript Triggers come into being,...
Continuation of Extending JavaScript Arrays. Some more functions to extend the array manipulation capabilty of JavaScript. /* Shuffles the Array elements randomly */ Array.prototype.shuffle=function() { var i=this.length,j,t; while(i--) {
Web-pages can take take time to load for variety of reasons and if your page takes lot of time to load you have to identify areas where most of the time is taken. I have seen that in most cases it is always the Advertisements. At least that was the case for Go4Expert. My next step was to load...
Introduction The throw statement allows you to create an exception. If you use this statement together with the try...catch statement, you can control program flow and generate accurate error messages. Use the throw statement to throw an exception. When you throw an exception,...
JavaScript is the scripting language and is used for the web. It is used webpages for validating forms,adding different functionalities , for detecting different browsers and creating cookies. One can also improve the design of web page using JavaScript. With the help of JavaScript one can work on...
While designing web pages we several time needs scripts that check our data and validate it. Checking Email address file is one of the most commonly used scripts which we need for all registration purpose. While checking email, we need to focus on following points. An email address...
The first of its kind Web Technology Conference on Open Source Technology, WebOSS '07 was organised in Kolkata on Sat, 13th Oct 07 and I spoke at the event as one of the participants on "Building Applications using AJAX". Here I will share my presentation, the PDF copy download requires you to...
XML was developed and introduced as a vehicle for data interchange, but not all developers embraced it with open arms. Some developers actually opted to develop alternatives. One such alternative is JSON ( (JavaScript Object Notation). In this article, I take a closer look at...
Programming errors are a fact of life, but pulling your hair out while tracking down these errors should not be. More robust development languages such as Java and the .NET family of languages have development environments that simplify the process of tracking down problems. JavaScript developers...
The DOM consists of several objects for manipulating the data. The DOMDocument object is the main object of the DOM. The op node of the tree is represented through this object. The XMLSchemaCache object is used to load the schema associated with the XML document. Some of the methods provided by...
There are two elements that are used to specify conditions for formatting: The if element The choose element 1. The if element In XSLT, the if element provides a if – then construct. The syntax of if element is as shown below: <xsl: if test = “condition” >
Get The Most Out of AJAX AJAX is a disruptive technology that's changed the way Web apps are developed and used. It allows for interactive pages and sits on the cutting edge of current Web trends. Although the term AJAX is relatively new, the technologies behind it are not. For many years the...