| TOTAL: 11 Page: 1 of 1 |
|
Check All / Clear All links for dynamic check boxes
n 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.
| Hits: | 40 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-13 |
Add Date Validation to your forms
n forms when asking for date fields it is a good idea to validate the date value using client side (JavaScript) validation along with your programming language validation. The following example shows how you can do this for the mm/dd/yyyy format. We have also provided the javascript date validation for the dd/mm/yyyy format.
| Hits: | 80 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-13 |
Script Phone Number Validation into your forms
n 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.
| Hits: | 56 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-13 |
Script Email Validation into your forms
n 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.
| Hits: | 58 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-13 |
Resetting forms using an Image button
In forms when using text boxes or text areas and check boxes you might need a reset button that is not the usual gray HTML button. For this you can use an image field and a small JavaScript function as given below. Note: This button will reset only text boxes,text areas and check boxes as list boxes and option buttons don't usually require resetting. After resetting the form the cursor will set the focus to the first field in the form.
| Hits: | 53 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-13 |
Create a Text Box Character Counter
In forms when using text boxes or text areas with limited character length (usually needed for forms that submit data to a database) it is always a good idea to tell the user how many characters they have remaining. The following example shows how you can do this. This is a very simple and cute idea to help the user know exactly how many characters he can type further. Do these small add-ons to your forms and they will look really professional.
| Hits: | 53 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-13 |
How to add Tip Boxes
When writing content for your site you might want to give some tips or explainations for particular words or phrases. For this you might consider using DHTML Tip boxes that appear when a link is rolled over. The following example shows how you can do this.
| Hits: | 73 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-13 |
How to Create Image Map Drop down Menus
Use the following DHTML script to give a neat navigation for your site without much code involved. It is easy to integrate and modify for an amateur designer, however you need to have some knowledge of HTML. Drawback: Works perfectly in IE4 and above but the rollover in the menus from yellow to red doesn't work in older Netscape (below version 6) browsers. For Netscape 6 and above it is as good as for IE.
| Hits: | 64 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-13 |
Internet Explorer vs Netscape Navigator when it comes to DHTML
These two major browsers are coming closer to each other regarding the DHTML effects possible towards newer versions. However you will need to remember that IE is more flexible than Netscape and due to small differences something that works really well in IE might not work at all in Netscape. So you need to be really careful and alert when programming for both browsers. One hint you can follow in most cases is that if you get it working in Netscape it should most probably work in IE. Another
| Hits: | 60 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-13 |
Basics of DHTML for beginners
nce a web server processes a web page and sends it to the computer requesting it (called the 'Client' computer) it cannot get any more data from the server unless a new request is made. So to move around this drawback we use Dynamic HTML (DHTML) which is combining HTML and a scripting language that runs on the Client's browser to bring special effects to otherwise static pages. The scripting language that we will be using is JavaScript as most browsers support it. The scripting language can be u
| Hits: | 59 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-13 |
Introduction to Simple Dynamic HTML (DHTML)
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 i
| Hits: | 25 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-13 |