New Scripts | JavaScript | Tutorials & Tips

Regular expressions are a powerful tool for performing pattern matches in Strings in JavaScript. This is a comprehensive guide and reference on JS regular expressions.

The TreeWalker object is a powerful DOM2 object that lets you easily filter through and create custom collections out of nodes in the document. This is a comprehensive tutorial on how to utilize this object.

Create horizontal and vertical highlighting on your HTML tables. Highlighting is activated when the mouse hovers over a table cell.

Can a smaller working AJAX example be produced? Always a believer in keeping it simple & find it easier to learn something complex, by making it as small as possible. Visit the URL for a very small AJAX online demo. You can just cut and paste the example into a javascript function, then call it through an onclick or onchange javascript event handler.

For Javascript beginners or as a reference. Short examples with easy to follow explanations. No long examples with bulky html forms. If you want to split an array, you get the code to split an array.

If you have quality content on your webpage and want to prevent people stealing your resources, you can add this script to disable the right-mouse click.

If you have a page that takes long time to display it is a good idea to display a "wait until the page loads" image. This tutorial show you how to implement this in your webpage.

This tutorial shows how how to create custom sized and positioned popup windows with javascript. Popup windows can be used to display help message windows, images in a bigger format, and others.

Here you have an example of how you can display and limit the number of characters an user can insert into an input or a textarea field.

The article describes the reliable method of getting window size and scroll bars position in JavaScript

External JavaScript can reference not just .js files, but PHP scripts as well. See how this is done, and the wonderful possibilities linking PHP to JavaScript bring.

Using the DOM, you can access and manipulate external style sheets on the page, from adding/deleting rules to modifying existing ones. This comprehensive tutorial shows you how.

This tutorial explains how to change a select element's content using JavaScript, from adding new options to modifying and deleting them. It also shows how to create a 2 level interdependent select list.

A look at the Navigator object of JavaScript and a list of useful visitor browser information returned.

An introduction to Object Oriented Programming in Javascript. This example creates a small user control that can be used repeatedly and independantly on the same web page.

The tutorial covers the basics quickly moving onto implementation, strings, variables, mathematical operators, forms and advanced scripts in 5 easy stages!

Use this wizard to experiment with table border styles and generate style source code. This wizard uses dynamic HTML to change the style of the table in-situ, without loading another page. It is cross-browser compatible with Firefox, Netscape, Internet Explorer, and other modern browsers.

Use this wizard to experiment with font and text styles and generate sample CSS style source code. This wizard uses dynamic HTML to change the style of the table in-situ, without loading another page. It is cross-browser compatible with Firefox, Netscape, Internet Explorer, and other modern browsers.

Add a leading zero (or zero pad) your numbers to retain your preferred numerical layout when displaying numbers. i.e. '1' becomes '01' or '001' etc etc.

One of the big questions people have is how they can pass values from fields to others fields.