New Scripts | JavaScript | Tutorials & Tips

One of the most essential parts of the programming language is the ability to repeat some common action. This is called a loop or a cycle. You can find more details in this tutorial.

Dynamically demonstrate on a div and an image the Stretch, ZigZag and Inset transition effects. Requires IE 5.5+

Dynamically demonstrate on a div and an image the Checkerboard, RandomDissolve and Fade transition effects. Requires IE 5.5+

Easily implement wheel transitions, blinds (side wipes) and iris (circle) transitions. Demonstrated on a Div (which contains text and images) or on a single image. Transition from invisible to visible or transition from one image to another. Source included. Requires IE 5.5+

Demonstrates IE's Image mask property and its basic usage. Allows one to create irregular shaped views to the div or image below using the shape of the image as the keyhole. Requires IE 5.5+

Rotate a Div (image and text) using the Microsoft specific properties of rotate and mirror. Requires IE 5.5+

This tutorial will teach you basics to make you familar with arrays in JavaScript. You will learn how to access array alements, initalize arrays and use them in functions.

How to Preload images using Javascript. As an array of images or one at a time. Cross Browser safe.

An extremly simple and useful script for implementing a cross browser drag and drop game (IE 4+, NN 6+, Firefox). Place code in the header and simply append all images that are draggable with the class name (class="dragme"). That's it!

Explains how to write a very simple slide show script. Clicking the currently displayed image advances to the next image.

Learn a really easy way to create cool dropdown menus. This methodology may or may not be conventional, but it's definitely easy, straightforward, and highly customizable.

Comprehensive listing of available operators in JavaScript, from Arithmetic, Comparison, Assignment, to Logical and more.

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

Learn how to use Dreamweaver Behaviors to Play Sound in 2 quick steps

If you have a lot of links on a page and don't have enough of space to fit them all a simple way to add the links is to create a jump menu. Learn how to create jump menus in Macromedia Dreamweaver 4.0. Code is also included.

Use the Dreamweaver behaviors panel to create small pop-up windows. This behavior helps to create pop-up ads, small browser windows etc. If you don't have Dreamweaver we have provided the code that you can cut 'n' paste and use in your web page.

Use the Dreamweaver behaviors panel to create jump menus, swap images, pop-up windows, play sound, validate forms and more. Dreamweaver behaviors make it easy to add interactivity to your site. Try out all the cool stuff possible using Dreamweaver behaviors.

Google and Yahoo! know that speeding pages to their users is crucial. Both companies have invested millions of dollars in the server capacity and software enhancements that it takes to quickly serve search results to millions of users everyday. However, the optimizations that these companies perform do not stop at infrastructure investments. They optimize the delivery of their data right down to the data itself. In the case of Google and Yahoo!, these smart coding practices were most likely designed into the development of their applications. Unfortunately, many Web authors and developers are forced with the task of applying smart optimization practices to an already complete Web site. There are ways that you can easily perform the same types of optimizations on your existing Web site code. Using a good Web site optimization tool is the best way and it can lead to substantial savings on any Web site. The following article is an illustration of how much can be saved on a typical Web page using a Web site optimization tool like w3compiler to apply some of these techniques.

Learn how to generate weighed random numbers in JavaScript, so some show up more often than others.

Explanation of the String object and its properties/ methods to manipulate text and string on the page.