JavaScript and AJAX Web Development Tutorials

JavaScript, jQuery and AJAX (Asynchronous JavaScript and XML) Tutorials.
  Title / Author Reverse Sort Order Replies
Views
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,...
0
11,463
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...
0
15,920
Essentially, writing some code to determine the number of days in a given month of a given year with javascript is not the worlds most difficult task. It is the type of exercise that one would expect to be given as a newbie developer during a lab or lecture. The solution normally involves...
0
19,031
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--) {
0
11,029
Let us make a form based clock that displays time in the 24 hour format. We use the Date() object to get the hours, minutes, seconds of the day. setTimeoiut() evaluates an expression or calls a function after a certain amount of time, specified in milliseconds. We use setTimeout() to call the...
0
4,662
Many times we need to write certain parts of our script according to the browser, i.e. we need to detect the browser. Here's a snippet of how to do it. var userAgent = navigator.userAgent.toLowerCase(); var is_opera = (userAgent.indexOf('opera') != -1); var is_saf =...
2
3,620
I needed to trim a string and also replace more than one spaces with a single space. The solution was simple with String.replace in JavaScript. Here's the code: var m = " My name is Pradeep "; m = m.replace(/^+/,'').replace(/+$/,'').replace(/{2,}/,' '); Making a function out of it. ...
7
115,012
Sometimes, we do not want people to copy the text on some of our web pages, here is a script which prevents user (not advanced users) from selecting the text. For better results put the JavaScript code inline and not in a separate JS file. // specify allowed tags for some browsers var...
0
3,499
Sometimes we need the user to enter only numbers in a text field, so I have some up with a small piece of JavaScript to do exactly that. It works for both IE and Firefox. function onlyNumbers(evt) { var e = event || evt; // for trans-browser compatibility var charCode = e.which ||...
18
201,287
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,...
6
8,455
Introduction A random number generator (often abbreviated as RNG) is a computational or physical device designed to generate a sequence of numbers or symbols that lack any pattern, i.e. appear random. Computer-based systems for random number generation are widely used, but often fall short of...
0
24,614
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...
0
5,893
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...
1
17,404
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 (http://www.json.org/) (JavaScript Object Notation). In this article, I take a closer look at...
0
7,268
There are hundreds of DHTML trees available online, most of them and written from scratch, some easy to understand and implement, while others are real pain to customize. Some of them need a JavaScript array to be populated or read an XML file to generate the tree. I've tried to develop one...
10
33,802
Introduction One Javascript function that gets used such frequently than it should to be is "eval". "eval" evaluates the content of a text string passed to it and then executes it as if it were normal Javascript code.. Actually, we should never use eval for any purpose in our code, be it...
10
56,947
Introduction Some characters are reserved in HTML. For example, you cannot use the greater than or less than signs within your text because the browser could mistake them for markup. If we want the browser to actually display these characters we must insert character entities in the HTML...
4
3,815
JavaScript is widely used for client side scripting ranging from simple effects to creating a rich UI like GMail. A significant operation with the client browser involves working with the browser window, like scrolling, resizing popup window, detecting window resize by the user, opening new...
1
2,737
AJAX was a boon to web development and web applications like GMail etc. millions of site have since implemented AJAX based features on their websites, the idea of asynchronously accessing content was wonderful but AJAX was limited only to the same domain (same origin) as the page requesting the...
0
2,467
Desktop notifications for web applications is a great plus, the user can be notified irrespective of the current window/tab they are using. Chrome, which has the largest share of the browser market, supports desktop notification, also Safari, or any webkit based browser. You can easily...
1
1,135