A DOM1/DOM2 DHTML JavaScript Experiment

YAMF
onMouseOver Event
Type=banner
Justify=left
View=visible
Rate=50
XGapAdj=0
IPath=images/
IExt=gif
angAware=true
Effect=lockstep
Direction=left
Angle=0.0
Scale=1.0
YGapAdj=0
IPrefix=yamf
Reverse=false
YAMF OFF!

  

Conclusion

While developing this cross-browser program was a complicated and sometimes frustrating experience, the knowledge gained for future development tasks will be invaluable in terms of timesaving and avoidance of subtle idiosyncrasies between the browsers.

I'm now ready to take on the version 7 browsers, "Bring 'em on!"

Resources

  1. The original script was copied from ScreenSavers.com (Add MouseMagic) but now bears little resemblance to its original form.
  2. Irt.org (IRT) for one of the best reference sources for many Internet related technologies.
  3. Danny Goodman’s (Danny Goodman) JavaScript Bible Quick Reference Guide for being an invaluable quick reference tool for locating style object properties between various browsers and their versions.
  4. Netscape's (DevEdge) for the many articles and FAQ covering JavaScript, DHTML and DOM.

Downloads

  1. The entire documentation package that includes the offline version of this article in HTML format along with the YAMF.js JavaScript application and program documentation in zip format (yamfpkg.zip).
  2. The YAMF.js JavaScript application and program documentation in zip format (yamf.zip).

PreviousNext


YAMF - "Yet Another Mouse Follower"

All Is Not What It Seems

Netscape 6 Made Me Do It!

Testing - To Reload or To Restart?

Browser Sniffing - Parse or Presence?

Avoiding JavaScript Errors on Earlier Browsers

Stopping Annoying Auto-Scroll in DOM2 Browsers

Netscape 6 is Pixel Picky

Inline Style Constraint on Internet Explorer 5

Must Use <LAYER> tag in Netscape 4 to perform DHTML

!DOCTYPE Compliance Mode

Take Care Not to Render in <HEAD> Section

Automatic Expansion of Relative URLs

The Elusive Netscape 4 Layer Elements

Temperamental onLoad After Reload

document.images[id].complete Property Dependency

Search Method Does Not Return Boolean Value

Regular Expression Global Flag Fails With Subsequent Usage

Conclusion

Resources

Downloads

Roll Your Own
  
YAMF
onMouseOver Event
Type=banner
Justify=right
View=visible
Rate=50
XGapAdj=0
IPath=images/
IExt=gif
angAware=true
Effect=lockstep
Direction=left
Angle=0.0
Scale=1.0
YGapAdj=0
IPrefix=yamf
Reverse=false
YAMF OFF!

YAMF
onMouseOver Event
Type=banner
Justify=left
View=visible
Rate=50
XGapAdj=0
IPath=images/alt/
IExt=gif
angAware=true
Effect=dither
Direction=left
Angle=0.0
Scale=1.0
YGapAdj=0
IPrefix=yamf
Reverse=false
YAMF OFF!

YAMF
onMouseOver Event
Type=banner
Justify=right
View=visible
Rate=50
XGapAdj=0
IPath=images/alt/
IExt=gif
angAware=true
Effect=dither
Direction=left
Angle=0.0
Scale=1.0
YGapAdj=0
IPrefix=yamf
Reverse=false
YAMF OFF!

Copyright © 2002-2003, ProjectIt, All Rights Reserved Last Revised: