In forms when asking for phone numbers fields it is a good idea to use client side validation along with your programming language validation. The following example shows how you can do this.

In forms when using email ID fields it is a good idea to use client side validation along with your programming language validation. The following example shows how you can validate an email address for both IE and NN.

Forms are key components of all Web-based applications. But important as they are, Web developers often present users with forms that are difficult to use. There are three common problems: Forms can be too long. A seemingly endless list of questions is sure to make the user click the back button or jump to another site. In many situations a specific user will need to fill out only some of the form elements. If you present needless questions to a user, you’ll add clutter to your page and encourage the user to go elsewhere. Form entries often need to conform to certain formats and instructions. Adding this information to a Web page can make for a cluttered and unappealing screen.

Using a little Javascript and CSS you can get the exact pixel position of any element in your browser window, then use it as an anchor point for moving around other elements.

In forms when using check boxes for a list of records that is generated dynamically (example: display of messages in your yahoo or hotmail inbox) you might want a simple feature of checking or clearing all the check boxes related to those records before deleting or moving. Use this simple script to do just so.

Do you know that you can assign unique ID to any HTML element of your page and then use this ID as a short name to control the properties of the named element dynamically? This DHTML technique will allow you to control any element of your page.

In this tutorial, we look at using DHTML to retrieve and display a XML file. This is useful when you need a client side method of including XML files on your webpages.

Here's the basic idea- all modern browsers (IE4+/NS6+) support the CSS attribute display:none, which completely hides any content it's applied to. By utilizing this useful CSS attribute, we can choose which content on our page to conceal initially as if they don't exist, then use scripting to dynamically bring them back to life per our script's agenda. The key would be to devise a robust way to "mark" these content on the page so that our script can easily identify, gather, and then manipulate them.

If you're a JavaScript programmer, the chances are, you've heard of something called the DOM. However, just what exactly is it? How do you program using it? As both IE and Firefox move toward conforming to the W3C proposed standards in terms of scripting and manipulating the document, the DOM takes center stage in all of us. The following is an introductory, crash course on the DOM of modern browsers such as IE and Firefox. Read it, and if nothing else, fear the DOM no more.

Dynamic HTML (DHTML) is a very popular mode of making a static web page look attractive and interactive. I'm sure you will find many comprehensive tutorials and resource centers for working with DHTML. I have personally swum that ocean of resources and though I have found them rich in effects I found the code involved enough to make anyone's head swim ;-) What we aim to bring to you is simple DHTML that can be made to work on your site without pages and pages of code being included. This guide is especially for people who don't know much about programming but are interested in making their web sites look Dynamic with simple add-ons and for those who are trying their best to learn DHTML by dissecting code written by others. In short we bring you (clean) cut and paste resources with explanations on how they work on the same page of each resource.