DHTML covers a range of techniques whereby you manipulate the HTML document, and HTML elements within the document, using client-side scripting (i.e. JavaScript).

DHTML lets you do pretty much anything you want to a web page, including moving stuff around, changing the way it looks, remove bits of the page and even add new ones.

In this section I'll introduce you to the basics of how to write JavaScript, and include some examples of what you can do with it to make your web pages and applications more powerful, easier and nicer to use.

Contents

JavaScript 101: Hello World!
Start here with JavaScript. I show you a bit of what you can do with a web page using client-side scripting, through some practical worked examples.
Datasheet-style form using HTML, CSS and JavaScript
Make a datasheet-style web form using HTML, CSS and JavaScript
Tabular list-style form using HTML, CSS and JavaScript
Create a tabular list-style web form using HTML, CSS and JavaScript
Invisible Human Check for Web Form Validation
A simple technique that uses JavaScript to check that a form has been completed by a human and not a spambot.

Recommended resources

Onlinetools.org
Christian Heilmann's great collection of pre-made JavaScript (DOM) tools and tutorials. Donationware.
Unobtrusive Javascript
A great concise guide to making the step from inline JavaScript to proper DHTML
Scriptbum - Javascript and other tutorials
A clean, usable scripts site with good explanations as well as a growing library of handy scripts.
From DHTML to DOM scripting
And a more extensive guide... from the same guy.
Decision Grid - an advanced DHTML web application
Check out this handy tool, which I created entirely in DHTML. Helps you compare various options based on weighted criteria, and share the results with friends/colleagues..

Recommended reading

DHTML Utopia

DHTML Utopia - Modern Web Design Using JavaScript & DOM

By Stuart Langridge

Level Intermediate > Advanced

One of the most useful and well-written technical books I've ever read!

Stuart Langridge takes you through the principles and potential of DHTML from basics, and develops the principles to a fairly advanced level through a series of useful worked examples.

This book moves at a good fast pace, so you need to be familiar with JavaScript and HTML documents first. Highly recommended.

Buy now from Buy now from Amazon.co.uk Buy now from Amazon.com

Search this site
On “Save the Pixel”
Buy Save the Pixel, the best-selling guide to simple web design.
Clicss templates, great robust useful CSS templates from £40
Floor 3
111 Buckingham Palace Road
London
SW1W 0WQ
UK
Phone
+44 (0)207 1600 989

Articles + tutorials in Javascript

Javascript menu
List of articles and tutorials in Javascript section
JavaScript 101: Hello World!
Start here with JavaScript. I show you a bit of what you can do with a web page using client-side scripting, through some practical worked examples.Invisible Human Check for Web Form Validation
Invisible Human Check for Web Form Validation
A simple technique that uses JavaScript to check that a form has been completed by a human and not a spambot.
© Scratchmedia Limited, 2009
Floor 3, 111 Buckingham Palace Road, London, SW1W 0WQ, UK
+44 (0)207 1600 989