A directory of resources inthe field of technical communication.

DHTML

108 found. Page 1 of 5.

About this Site | Advanced Search | Localization | Site Maps
 

1 2 3 4 5  NEXT PAGE »

DHTML is an informal term that describes the art of making dynamic and interactive web pages, combines HTML or XHTML, JavaScript, DOM, and CSS.

 

1.
#32496

Accessible Expanding and Collapsing Menu

A website’s navigation should, in my opinion, be visible and straightforward, not hidden away like this or in flyout/dropdown menus. But...

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Accessibility>DHTML

2.
#27162

Accessing Form Elements Array with JavaScript

This article shows how you can access an array of HTML form elements using JavaScript.

DevBay (2005). Design>Web Design>DHTML

3.
#14632

Add Zip to Your Site without Coding   (PDF)

Wilkinson offers tips on adding free JavaScript subroutines to Web sites. She lists several Web sites that give away free scripts.

Wilkinson, Theresa A. Intercom (2000). Design>Web Design>DHTML

4.
#20172

Adding Sticky Buttons to a Framed Site

Describes how to create a type of DHTML interactivity using Adobe GoLive.

Shadovitz, Deborah. Mac Design Magazine (2003). Design>Web Design>DHTML>Adobe GoLive

5.
#21558

Adding Zip to Your Site Without Coding

I have been playing around with scripting for about six months now. I would by no means call myself a programmer yet, but I have successfully added many scripts to various Web sites. How did I do it without attending any programming classes or immersing myself with programming books? I used free scripts from Web sites. I have found many Web sites that offer scripts for just about anything you can imagine.

Leonard-Wilkinson, Theresa A. W-edge Design (2000). Design>Web Design>DHTML

6.
#27355

Ajax

Asynchronous JavaScript And XML, or its acronym, Ajax (Pronounced A-jacks), is a Web development technique for creating interactive web applications. The intent is to make web pages feel more responsive by exchanging small amounts of data with the server behind the scenes, so that the entire Web page does not have to be reloaded each time the user makes a change. This is meant to increase the Web page's interactivity, speed, and usability.

Wikipedia. Articles>Web Design>DHTML>Ajax

7.
#26907

Ajax Mistakes

Ajax is an awesome technology that is driving a new generation of web apps, from maps.google.com to colr.org to backpackit.com. But Ajax is also a dangerous technology for web developers, its power introduces a huge amount of UI problems as well as server side state problems and server load problems.

Bosworth, Alex. Backpackit (2005). Articles>Web Design>DHTML>Ajax

8.
#27684

Ajax Wireframing Approaches

Goes over a few techniques and approaches we use to create the foundation of every prototype--wireframes. In addition to serving as documentation for those working with the markup, wireframes are a great way to create screenshots and debug rendering problems that are happening during DOM manipulation. Whenever we find something looking funny during the development process, we always refer back to our wireframes to see if it’s a markup / presentation problem. If it renders right in the browser statically, then we know to look for the problem in the JavaScript or server side programming.

Hale, Kevin. Particletree (2006). Design>Web Design>DHTML>Ajax

9.
#27623

Alter Table Row Background Colors Using JavaScript

Many sites that present tabular data use alternating background colors to increase the readability of that data. And as I developed a site, I realised I wanted to do that, too. The problem? In my case the table was not generated by a server side application or script of which you can find numerous examples on the Web.

Svanberg, Kennet. SitePoint (2005). Design>Web Design>CSS>DHTML

10.
#29980

Amazing DHTML: But is it Useful?

Dynamic HTML is not another HTML standard, but is a term used to describe techniques by which Web pages can be made dynamic using JavaScript, Cascading Style Sheets (CSS), and the Document Object Model (DOM). It works on the more recent versions of Internet Explorer and Netscape.

HyperWrite (2005). Design>Web Design>DHTML

11.
#20996

Art and Culture

This site offers a unique approach to contextual navigation, and one that has gotten the attention of many reviewers. From the site: 'ArtandCulture.com is a dynamic destination that delivers unique access to the best arts and cultural content and related products available on the web today....focused on creating the context that makes information truly meaningful.' In this review, I'll focus on some of the interesting navigation strategies the site presents.

Danzico, Liz. Bobulate (2003). Design>Web Design>User Interface>DHTML

12.
#25836

AuthorIT: Resizing Graphics using JavaScript Code

My client wanted screen shots in their CHM, but the screens were very large thus creating problems when printing a topic. With some help from Dave Gash, I got the large screen shots to open at 50% size, with a function for the user to resize them to 100% either all at once or one at a time. The function also toggled back to 50% at the user's discretion. This solved the problem of large screen shots in the online help, while allowing error-free printing to occur.

Bracey, Rhonda. CyberText Consulting (2003). Resources>Documentation>Software>DHTML

13.
#25968

Avoiding Automatic Refresh

Describes an alternative to automatic page refresh in HTML. Automatic page refresh can confuse users with cognitive disabilities when a page reloads without the user's request. This article provides you with instructions on how to apply explicit manual control of page refreshing.

Microsoft (2003). Design>Web Design>Accessibility>DHTML

14.
#20225

A Backward-Compatible Style Sheet Switcher

You asked for it, you’ve got it: an Open Source alternate Style Sheet switcher that even works in Netscape Navigator 4.

Ludwin, Daniel. List Apart, A (2002). Design>Web Design>CSS>DHTML

15.
#11756

Basic JavaScript with Examples  (link broken)

Since the day Microsoft built support for JavaScript into Internet Explorer 3.0, Netscape's client-side language has become the de facto standard for enhancing web pages at the browser. In this full-length excerpt from Practical JavaScript Programming, author Reaz Hoque explains the basics of client-side scripting. He also gives you some neat scripts that can enhance your web pages, making them impressively interactive. Important code snippets available in this article include a browser detection script, capable of offering tailored content based on broswer version or type. For instance, it's important (unless you like crashing visitors' computers) to only serve JavaScript 1.1 code to Netscape Navigator 3.0 or later.

Hoque, Reaz. Intranet Journal (1997). Resources>Tutorials>DHTML

16.
#24836

A Better Image Rotator

About a year ago, I wrote an article, introducing a method for displaying a random image every time someone visits a web page. Administration was simple: just add or remove images from a folder on the server, and they would appear (or disappear, respectively) from the pool of random images being displayed on that page.

Benjamin, Dan. List Apart, A (2004). Design>Web Design>Graphic Design>DHTML

17.
#27163

Brilliant Button Maker

A form-based interface to generate 80x15-pixel buttons, like those often used to identify RSS feeds.

Luca Zappa (2005). Resources>Web Design>DHTML

18.
#20288

Cascading Stylesheets and Dynamic HTML   (PDF)

Have you been frustrated by the limitations of HTML as you have struggled to present information attractively on a Web page? Have you used common work-around methods such as setting up complex tables for text layout and creating special text effects with a graphics package? Cascading Style Sheets offers a way to produce desired layout effects through HTML. If we are programmatically inclined, we can use Dynamic HTML to increase interactivity. We will demonstrate methods for using Cascading Style Sheets and Dynamic HTML to design Web pages and point out design limitations we still need to be aware of.

Randolph, Elaine F. and Jeff Randolph. STC Proceedings (1998). Design>Web Design>CSS>DHTML

19.
#25696

Complex Dynamic Lists: Your Order Please

Help your site’s visitors reach their goals quickly with a dynamic menu that takes its cue from the Mac OS X Finder.

Heilmann, Christian. List Apart, A (2005). Design>Web Design>User Interface>DHTML

20.
#22962

Creating Accessible JavaScript

JavaScript is available on the Web to allow programming type processes that are not allowed with static HTML. In most cases, JavaScript does not overtly affect accessibility. Most browsers and screen readers are capable of accessing JavaScript items. You should, however, teach that many people cannot or choose not to allow JavaScript within their Web browsers or assistive technologies. Important content or functionality should not rely on JavaScript alone. JavaScript should usually be used to supplement content.

WebAIM (2003). Design>Web Design>Accessibility>DHTML

21.
#20173

Creating Disappearing Text or Images

In this tutorial, you'll see how to create text that's invisible as the page loads and appears only when a user rolls the mouse over a specific graphic, i.e., text appears on 'mouseover'and disappears when the mouse is no longer over the graphic.

Shadovitz, Deborah. Mac Design Magazine (2003). Design>Web Design>DHTML>Adobe GoLive

22.
#20171

Creating Sticky Buttons in a Component

A more sophisticated method for denoting an active page or section of a site is to make your buttons 'sticky'–having a button remain 'stuck' in its clicked state even after it's been clicked. Two ways of setting up sticky or locking buttons are shown here.

Shadovitz, Deborah. Mac Design Magazine (2003). Design>Web Design>DHTML>Adobe GoLive

23.
#27292

Cross Browser Animation  (link broken)

Dynamic HTML (DHTML) provides a new range of ways to animate a page. DHTML can animate both text and images and animations can move throughout the browser window, instead of being anchored in one spot. Unfortunately, DHTML can be tricky because of differences between browsers. This article will cover the basics of cross-browser animation. You’ll learn how to animate text and images. Plus you’ll see how to move HTML elements around the screen. After you’ve finished reading this article, you should be able to add cross-browser compatible DHTML animations to your web pages.

Apple Inc. (2006). Design>Web Design>DHTML>CSS

24.
#10683

Cross-Browser DHTML

Prior to the 4.0 browsers, Internet Explorer and Netscape Navigator exposed very similar but very limited object models for manipulating the page. The primary difference was the lack of an images collection in Internet Explorer 3.x. With the 4.0 browsers, Netscape's and Microsoft's implementations diverged. Netscape's model evolved to allow a little more control over the page by allowing positioned elements to be manipulated. Microsoft, on the other hand, expanded to provide control to every element on the page. To further confuse matters, both companies called their new implementations Dynamic HTML. We have created DHTMLLib to help you design cross-browser DHTML pages without requiring you to understand the complete details of the different object models.

Isaacs, Scott. InsideHTML.com (2001). Design>Web Design>DHTML

25.
#28705

Cross-Browser Scripting with importNode()

While building a browser slideshow object for a demonstration on dynamically pulling image information from a web server, I ran into difficulty with the DOM-compliant approach I had envisioned. A two-day journey into the world of XML DOM support for web browsers lay between me and a satisfactory solution.

Holdener, Anthony. List Apart, A (2007). Design>Web Design>DHTML>Web Browsers

 
 NEXT PAGE »

 

Follow us on: TwitterFacebookRSSPost about us on: TwitterFacebookDeliciousRSSStumbleUpon