DHTML is an informal term that describes the art of making dynamic and interactive web pages, combines HTML or XHTML, JavaScript, DOM, and CSS.
Readers return to sites that appear fresh and new on each visit. On a news site, magazine, or blog, stories or headlines will be updated frequently. But how can static sites keep that fresh feeling? Dan Benjamin’s free image randomizer may do the trick, and you needn’t be a programmer to install it.
Benjamin, Dan. List Apart, A (2003). Design>Web Design>Graphic Design>DHTML
Re-Write a Layer's Content with Javascript
One of the most common tasks Web developers face every day is to change the content of a Web page, without additional requests to the Web server. The easiest way to accomplish this assignment is through the use of layers.
Todorov, Peter. SitePoint (2003). Design>Web Design>DHTML>Ajax
Rotate Regular HTML Content Via DHTML
One of the great pitfalls of using client side techniques, such as JavaScript, to display content on demand is the prerequisite that everything be contained in variables. This makes adding and updating the content very cumbersome.
Chiang, George. SitePoint (2004). Articles>Web Design>Information Design>DHTML
Rough Guide to the Document Object Model (DOM)
In two parts, this series introduces the Document Object Model, explaining its benefits, and exploring its implementation.
S5: A Simple Standards-Based Slide Show System
A simple slide show system that uses one (X)HTML file, some CSS, and a bit of JavaScript. You can have your presentation slides and printed handouts generated from the same file.
Script Smarter: Quality JavaScript from Scratch
JavaScript is an amazingly useful language that offers many unique benefits. With a little consideration for how scripted functionality degrades, you can use JavaScript to bring a whole range of functional, design and usability improvements to your web sites.
Edwards, James and Cameron Adams. SitePoint (2006). Design>Web Design>DHTML
So you've built a beautiful, standards-compliant site utilizing the latest and greatest CSS techniques. You've mastered control of styling every element, but in the back of your mind, a little voice is nagging you about how ugly your SELECTs are. Well, today we're going to explore a way to silence that little voice and truly complete our designs. With a little DOM scripting and some creative CSS, you too can make your SELECTs beautiful… and you won't have to sacrifice accessibility, usability or graceful degradation.
Gustafson, Aaron. Easy! Designs LLC (2005). Design>Web Design>CSS>DHTML
Image-driven, visually compelling user interfaces. Text-based, semantic markup. Now you can have both! Douglas Bowman’s sliding doors method of CSS design offers sophisticated graphics that squash and stretch while delivering meaningful XHTML text. Have your cake and eat it, too!
Bowman, Douglas. List Apart, A (2003). Design>Web Design>CSS>DHTML
It's actually a little tough to get a handle on DHTML because it's beginning to mean different things to a few different people. The actual term stands for Dynamic Hypertext Mark-Up Language. That's obvious. The essence of the term stands for almost any coding that creates movement or interactivity by employing the standards of the 4.0 level Netscape and MSIE browsers.
Burns, Joe. HTML Goodies (2003). Design>Web Design>DHTML
Striped Tables Using JavaScript
Find our how to use unobtrusive JavaScript to make striped tables with different backgrounds on each row.
McCarthy, Paul. Webcredible (2007). Design>Web Design>DHTML>JavaScript
Teach your smart little menus to do the DHTML dropdown dance without sacrificing semantics, accessibility, or standards compliance or writing clunky code.
Griffiths, Patrick. List Apart, A (2003). Design>Web Design>DHTML>Interaction Design
Supporting Three Event Models at Once 
Events make the client-side JavaScript world go ‘round. After a Web page loads, the only way a script can run is in response to a system or user action. While simple events have been part of the JavaScript vocabulary since the first scriptable browsers, more recent browsers implement robust event models that allow scripts to process events more intelligently. The problem, however, is that in order to support a wide range of browsers you must contend with multiple advanced event models. Three, to be exact.
Apple Inc. (2006). Design>Web Design>DHTML
This worked example applies styling and functionality to a basic grid of data to produce a simple form control that's a pleasure to use.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>DHTML>Forms
Thau's Advanced JavaScript Tutorial
This article shows you how to make cookies (Mmmmm), and you'll learn fancy string handling and associative arrays along the way. Give your JavaScript a sense of history and time (by setting timelines on your pages so that different events occur at different times), and then learn how to sense which browser your visitors are using.
Thau. Webmonkey (2001). Design>Web Design>DHTML
Thau's Basic JavaScript Tutorial
The series starts off with a look at JavaScript fundamentals, including variables, if-then statements, link events, and image swaps. Keep following along as Thau gets down and dirty with the JavaScript Document Object Model, windows and frames, JavaScript syntax with loops, arrays, and functions, and forms. This all sound like a bunch of gobbledygook? Well, dig in and learn!
Thau. Webmonkey (2001). Design>Web Design>DHTML
A Tutorial in Cross-Browser DHTML
In this article we will look at several techniques, some general, some specific, for constructing Dynamic HTML code which bridges the gap between Microsoft's Internet Explorer and Netscape's Navigator-- specifically, the gap between Netscape 4.x and Microsoft Internet Explorer 4 and 5.
Weiss, Aaron. Intranet Journal. Design>Web Design>Standards>DHTML
Tutorial: Introduction to JavaScript
JavaScript is an easy-to-learn programming language which can be built into Web pages, so that it executes from within the browser rather than on the web server. Intranets especially can leverage the power of JavaScript to create 'smart' Web pages which can process data and interact with the user. In this introduction we concisely look at the main programming points of the JavaScript language.
Weiss, Aaron. Intranet Journal. Resources>Tutorials>DHTML>JavaScript
This paper introduces neophytes to Java. It starts with Java’'s beginnings as a programming language for interactive cable TV boxes and continues through the features of optimization, platform-independence, and object-orientation that make it unique. Next, it dispels the myths surrounding Java, presents solid guidelines for when and when not to use Java, and finally examines today’s practical uses of Java, including enhancing Web pages, managing a business, and delivering sophisticated training modules capable of advanced interactions.
Currie, Cynthia C. STC Proceedings (1997). Articles>Web Design>Programming>DHTML
The ability to add notes and comments to your Web site can be a powerful and attractive feature for users. This tutorial demonstrates how to implement an Asynchronous JavaScript and XML (AJAX)-based user annotation system in the form of yellow sticky notes that sit on top of regular Web page content. The only additional, required configuration is a back-end Perl script that stores the annotations.
Travis, Greg. IBM (2006). Articles>Web Design>DHTML>Ajax
Using Tables and DHTML for Menus
Dynamic HTML can be used inventively in many ways. Here's a simple way in which tables and DHTML can be used together to provide a menu function. The technique may be used in a frameset, but to keep things simple, we are going to use the table to control 'targets' in an inline frame (or IFRAME).
Self, Tony. HyperWrite (2005). Design>Web Design>Interaction Design>DHTML
Well-Behaved DHTML: A Case Study
It’s no secret that over the last few years DHTML has been used almost exclusively for evil purposes. Users associate the technology with intrusive advertisements and error-prone pages, while developers associate it with browser detection and hideous hacks.
Boodman, Aaron. SitePoint (2003). Design>Web Design>Interaction Design>DHTML
What's All the Jive About Java?

Java and JavaScript are two of the newest 'kids on the block' when it comes to the latest developments for the computing and Internet world. Already, many are predicting that within a very few years Java will be the programming language of choice. Already, JavaScripts are nearly ubiquitous on the World Wide Web, largely because of their cross-platform nature and ease of use. And already, many technical communicators are beginning to consider what impact these new tools will have on their careers. While relatively few technical communicators will deal directly with JavaScripts and even fewer with Java programming, those involved in Web page development and online (HTML) documentation will find them valuable to learn and use.
Beck, Charles O. STC Proceedings (1997). Design>Web Design>Programming>DHTML
When You Can't Trust the Browser
I like Opera--the browser, not the musical spectacle. I like that it puts small demands on your hardware. I like that it displays Web pages quickly and accurately. I like that it has always been close to the standards suggested by the W3C, especially for CSS styles. It is always worthwhile to preview pages in Opera. Opera is a little weak in event handling, and it has been slow to adopt the document object model. But in terms of page presentation, Opera shows a Web page the way it oughta look. It displays a great looking page, and it loads fast. And everybody likes the little guy. The troubles I have with Opera, as a code writer, are all derived from a single bad habit of the browser. Opera is a little loose with the truth.
Tibbetts, Kenneth. Internet.com (2002). Design>Web Design>Programming>DHTML
Writing DHTML that Meets the Cross-Platform Challenge 
DHTML coders have had to overcome many obstacles to writing clean, portable code, including specific browser requirements. See how some straightforward coding tenets can help you sidestep such challenges.
Robinson, Scott. TechRepublic (2003). Design>Web Design>Standards>DHTML
CSS Sprites2: It's JavaScript Time
In 2004, Dave Shea took the CSS rollover where it had never gone before. Now he takes it further still—with a little help from jQuery. Say hello to hover animations that respond to a user’s behavior in ways standards-based sites never could before.
Shea, Dave. List Apart, A (2008). Articles>Web Design>CSS>DHTML
There are 13 readers currently online: 2 registered users and 11 guests. Register.

![]()
![]()


![]()
![]()
![]()