Bug 196779: DHTML object model properties not documented

Some other related bugs:

• Bug 62536: function/property to get scroll position of elements FIXED
• Bug 111207: Implement clientLeft and clientTop FIXED
• Bug 189308: DHTML scroll properties not updated on scroll event triggered by keyboard (Home, End, arrows, PgUp, PgDn or mousewheel rolling, autoscroll FIXED and Testcase for bug 189308
• Bug 229089: Textarea onscroll does not work FIXED; Testcase for bug 229089

To do

• scrollLeft, scrollWidth, offsetLeft, offsetTop, offsetParent, window.pageXOffset, window.pageYOffset, window.scrollX, window.scrollY properties
• create a div and images where there will be an horizontal scrollbar and an horizontal overflow
• redo some images or all of them for more accurate conformance, improved consistence
• create a background image grid on the div and on some images to help the reader measure distances involved (like clientWidth)
• explain the relationship between the following 6 properties: window.scrollX, window.scrollY, rootElement.scrollLeft, rootElement.scrollTop, window.pageXOffset, window.pageYOffset
• explain how some bugs affect the value of some properties like bug 47710, 111207, 189308, etc.
• create abs. pos. span of padding-left and padding-top working in/for Mozilla-based browsers
• add a subscript to render clientLeftRtl.png if the direction is rtl

Browser support

Firefox 3, Seamonkey 1.5a, MSIE 6 and MSIE 7 support all DHTML properties perfectly.

Firefox 1.x, Firefox 2.x, Seamonkey 1.x support all DHTML properties except clientLeft and clientTop.

Opera 9.x support all DHTML properties but has at least two (2) serious incorrect implementation bugs. See Opera 9 bugs webpage and then bug items #13 and #14 on this.

Safari 2.0.4 support all DHTML properties. This is a very recent accomplishment. See WebKit Bugzilla bug 5500 and WebKit Bugzilla bug 10798