Most Popular Scripts | JavaScript | Tutorials & Tips

Explanation and listing of the Array object in JavaScript and its methods and properties.

Say you want to stop users from entering non-alphanumeric characters or white spaces. Well a short and easy tutorial on how to use JavaScript to achieve this with the regex function.

In this tutorial we will access the device’s default camera application, the photo library and we will record a video with PhoneGap. Also at the end we will do a basic crop on a selected image from our gallery using HTML5 Canvas and JavaScript.

This article explains how to convert div to an image in jquery. Yes, we are going to generate an image from our HTML page on client-side using jQuery. We can also convert a particular part of our Web page (Asp.net C# Web project/ PHP).

Facebook Friends Invite Button allows website visitor to invite their facebook friends to your website easily . The invite button where developed by using facebook API interference .

In this article author shares code on how to create modal popup window which requires user attention. Modal window is needed when we want the user attention to do something and restricting the user from doing other work in the page until he or she closes the popup. This tutorial shows we can use Javascript function to easily create modal dialog popup in few minutes.

The basics of using Javascript functions to execute code or perform commands within your pages.

You have just finished creating or installing a killer CSS Drop menu for your website. There is only one problem, in IE6 the menu disappears where HTML form elements and Flash layers appear. Form elements and Flash in IE will always cover DHTML layers no matter what zIndex you have set. Here is tutorial on how to fix this using a very flexible menu script as an example.

This script uses iframe loading techniques to create a fast and reliable way of pulling suggestions for your input search boxes. The script consists of a js file that contains core functionality, a css file for styles, and two images which indicate the application's current state and provide additional functionality. The suggestions can be customized to be anything you want and instructions on how to do this are also included. Additional functionality includes matching whole phrases and capitalizing the suggestions on the dropdown.

The issue with all of this is that the CouchDB callback is asynchronous, and "this.bar" is now within the scope of the callback function, not the class. Does anyone have any ideas for accomplishing what I want to? I would prefer not to have a handler object that has to make the db calls for the objects, but right now I am really stumped with the issue of it being asynchronous.

The trend for search boxes these days has been bigger and bolder. This tutorial shows how to create a slick, well engineered full screen search form that works beautifully across all modern browsers and devices.

See how to take advantage of JavaScript's window.requestAnimationFrame method for smoother and less resource intensive JavaScript animations.

There are times when you want to update the website without the need to refresh whole page, but really there's no need for it. I'm going to teach you guys how to communicate to server using AJAX without refreshing the page and frustrating your users!

Building the random number generator - Using the following line to return a random number: Math.floor((Math.random() * 100000000) + 1); Building further randomization into the random number generator - To further randomize, you can use power law distribution. Random number generator using the following line code: Math.round(Math.exp(Math.random()*Math.log(10000000-0+1)))+0; Demo includes way to create a random quote generator and random image loader

Use this resource to highlight the points of interest of your products. Just a click to open a brief description of each point, allowing your user to get a deep and fast understanding of your product features.

This is about providing a sleek animation effect using tabs for navigation bar. It degrades well when the JavaScript is turned-off.

Loops are the most common and complicated part of any programming language. First of all what is loop or iteration? Loop is used for executing a set of statements or instructions repeatedly. To perform the repetitive task, Javascript provides us 3 types of Loop. For Loop is one of them. In this free javascript tutorial i am going to discuss on only For Loop. If we need to run multiple statement within a loop then the statements must be enclosed by curly braces { }. But for a single statement no need to wrap the line within curly braces because, for any iteration/loop if the condition satisfy then by default first line of code will be executed. This statement is also true for other programming languages. Keep in mind two things when you want to write a loop statement: 1. Statements that you need to iterate 2. Termination or exit from loop

To build a logic most of the times we need to use AND, OR, NOT operators in our conditional statements. Javascript also provide us all AND, OR, NOT operators. Since different programming language has different AND, OR, NOT syntax, sometimes we forget the language specific code syntax. This article or javascript lesson provide you the code syntax or example of the above three operators.

For a Javascript beginner, understanding the “if else” conditional statement is very much important. Its impossible to write conditional statement without “if else”, so read the article carefully. In this lesson i will try to give you a complete understanding on “if else” conditional statement to build up your desire logic. Keep in mind that the “if” code block will be executed if the underlying condition return TRUE value. If return false value then “else” code block will be executed. So lets start to learn the most common Javascript “if else if” code syntax.

This tutorial looks at touch related events in JavaScript and how they are used to detect and respond to touch and swipe events. With touch based devices ever growing in numbers, grasping touch related events in JavaScript is as essential as understanding the age old mouse events.