#27625
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
#27629
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.
#27409
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
#25408
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
#20368
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
#20212
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
#28652
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
#25547
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
#27296
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
#28450
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
#13349
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
#13350
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
#11722
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
#20185
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
#26893
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
#29991
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
#27627
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
#20183
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
#13638
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
#29372
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
#32141
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
#32414
Attractive dropdown menus have long been the realm of Flash developers and advanced JavaScript gurus. But that needn’t be the case. This tutorial will walk you through developing a clean, semantic dropdown menu using XHTML and CSS that works in all modern browsers!
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>DHTML>CSS
#32416
Perma-Closing Message Boxes with JavaScript + CSS
Earlier this week I talked a bit about message boxes – how to style them and position them on your page to get them noticed. But a message that pops up every single time your website is loaded could get annoying. It’d be useful to give your users the ability to close those messages. For that, we’ll turn to our friend JavaScript.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>DHTML>JavaScript
#32418
Last week, CSSnewbie reader Andrea Pluhar wrote in with an interesting problem: she wanted to use CSS dropdown menus like the ones we featured last week on a website that she was building, but the design called for the submenu to be arranged horizontally, not vertically. She sent me a mockup of what she was after (excerpted above) and wondered if there was a way to accomplish this effect using CSS.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>DHTML>CSS
#32419
Intelligent Navigation Bars with JavaScript and CSS
I’ve developed a trick over the years that I’ve used on a number of websites now for making my sites’ navigation bars “intelligent” or “self-aware.” By that, I mean that the navigation bar automatically knows which tab/button/whatever should be considered the currently active link, without having to manually specify a class or ID on either the body tag or on the links themselves.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Information Design>DHTML
