Ten Apt
Apps for DHTML
The Web world is still looking for that first DHTML "killer app." While we're waiting, here are some ways you can put DHTML to work on your site today.
1. Create fast, low-overhead animation using a
small script and CSS Positioning. Changing an
object's left and right properties will quickly
move an image or block of text across the
screen.
2. Provide users with the choice of thumbnail or
full-size views of images. Have the image's
onClick event handler change the image's
height and width, expanding or shrinking it on
demand.
3. Customize pages for readers by moving their
favorite parts to the top of the page. User
preferences can be stored as cookies.
4. Reduce page size and clutter by setting aside
a region of the page for graphics. As the
mouse cursor passes over an article or other
text, reveal a related graphic in that reserved
space.
5. Let users sort table data by clicking on-screen
buttons. For example, a table with columns
for stock names, closing prices and changes
could be sorted by column using a script that
rewrites the text in each table cell.
6. Give users control over the amount of detail
shown on the screen. A single mouse click or
movement can cause an outline to expand
into a full article or collapse into outline form.
7. Add life to your site by fading out old pages
as new ones appear, directing text to fly into
place or dynamically resizing graphics from a
few pixels into their full size.
8. Let users filter data stored in tables and
eliminate entries that don't interest them.
Expand or contract tables by rewriting the
<TABLE>, <TR> and <TD> tags that create
the table.
9. Use IE 4.0's data binding feature to quickly
publish data stored in spreadsheets-helpful
for disseminating information over an
intranet.
10. Write your own arcade-style game. Use CSS
Positioning to move graphics, and hide and
show sprites using their visibility properties.
Accept a user's keyboard and mouse input via
event handlers that you insert in a page.
Useful Applets
JAVA slide show
See my Grand Canyon Photos
Web Counter
Useful JavaScripts
Random Midi Jukebox:
Plays Bruce Springsteen Songs
Gate Keeper
CCJ5706
APPLIED STATISTICS Spring1998
Auto-Scrolling
Script with Speed Control
Useful Scriptlets
A Simple
Animation Scriptlet
Scriptlets: A
Lightweight Alternative: Includes Scalable Image Scriptlet
Scalable Image Scriptlet
Demo
Go to Topic 7