HTML and JavaScript tips and tricks

After learning HTML and JavaScript, you made some pages and checked them in Internet Explorer. They looked lovely and the JavaScript code functioned beautifully. But the moment you saw the pages in Netscape, your headaches started. You finally gave up hope convincing yourself that browser incompatibility is here to stay. Sure it is and it's the main reason for many sleepless nights. However, most of these differences can be resolved easily.

Here I present some HTML and JavaScript tricks and tips that I have picked up over the years. Remember that the best way to tackle a problem is to use some common sense and some logic.

The latest additions to this section are displayed on the left. The older tips and tricks can be found in the archives.

The HTML and JavaScript tips and tricks presented in this section cover a vast range of issues faced by web developers including browser incompatibility, HTML forms, images, frames etc.

Listing of HTML and JavaScript tips and tricks

• HTML mailto attribute - HTML tips
• Protecting and hiding JavaScript code
• Making 1 pixel thin vertical separator lines - HTML tricks
• Browser detection using JavaScript - Tip JavaScript
• Adding sound or music to web pages - JavaScript tip
• HTML TITLE tag - HTML tips
• Contents of the HTML <TITLE> tag
• Web page headings using HTML tags - HTML tips
• HTML ordered lists - cool HTMl tips
• HTML anchor tag - linking files
• Introducing spaces and new lines - &nbsp; and <BR>
• Quoting HTML attribute values - important HTML tip
• Changing contents of two frames - JavaScript tricks
• Table background image tiling in Netscape - A quick solution
• Background images and colors in tables under Netscape
• Aligning text and objects around images
• Breaking out of HTML frames
• Removing browser padding
• Removing underlining from links
• Internet Explorer transition effects for web pages
• Using an image as a submit button
• Removing the small blue mark near images in Netscape
• Automatically redirecting visitors to another page
• Changing the properties of links on a web page
• Link styles in Internet Explorer
• Preventing web pages to load in frames
• 10 ways to format time and date using JavaScript
• JavaScript Date and Time
• Getting current time using JavaScript
• Formatting time using JavaScript
• Finding the number of seconds and milliseconds
• Finding the value of a radio button
• Finding the value of a checkbox
• HTML frames - advantages and correct usage
• Protecting email address on web pages from spambots
• Creating drop shadows using style sheets - text effects in Internet Explorer
• Creating glowing text using style sheets - text effects in Internet Explorer
• Creating text blur effect using style sheets - text effects in Internet Explorer
• Creating shadows using style sheets - text effects in Internet Explorer
• Flipping text using style sheets - text effects in Internet Explorer
• Importance of <TITLE> - Search engines
• JavaScript image rollovers
• Javascript image mouse rollover
• Changing two images on mouse over using JavaScript
• Image rollover using javascript
• Finding date and time - A simple clock in JavaScript
• Background effects - A cool JavaScript tip
• Removing space and padding from FORM tag
• Getting the text from an HTML drop down selection list
• HTML selection list without a submit button
• Random image display using JavaScript
• Random text display using JavaScript - 1
• Displaying random text on a web page using JavaScript - 2
• HTML forms selection list and double-clicks
• Counting words entered in a text box
• Restricting visitor input from a text box - HTML TEXTAREA element
• Stopping right clicks by visitors
• Animated JPGS
• Creating Add to Favorites link and script
• Scrollbar Tutorial - Change colors to create a custom scrollbar
• CSS Scrollbar - color scrollbar using cascading Style Sheets
• Coloring Scrollbars using CSS properties and rules
• Scrollbar colors - Changing the scrollbar using HTML color codes
• Transparent or hide scrollbar
• No scrollbar on HTML web pages - JavaScript code
• Creating rounded corners/edges using HTML tables
• Creating complex rounded corners/edges with HTML tables