Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
 Discussion Forums
 HTML, XML, JavaScript...
 Software Reviews
 Editors,Others...
 Top100
 JavaScript Tutorials, ...
 Tutorials
 ASP, CSS, Databases...
 Discussion List
 FAQ, Roundup, Configure ...
 Authoring
 HTML, JavaScript, CSS...
 Design
 Layout, Navigation,...
 Graphics
 Tools, Colors, Images...
 Software
 Browsers, Editors, XML...
 Internet
 Domains, E-Commerce, ...
 WDVL Resources
  Intermdiate, Tutorials,...
 WDVL
 Discussion Lists, Top 100,...
 Technology Jobs


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us
Boat Donations
Logo Design Custom
Online Education
Promotional Gifts
Holiday Gift Ideas
GPS Devices
Promotional Products
Promotional Pens
Online Education
Memory Upgrades
Web Design
Promotional Golf
KVM over IP
Cell Phones

Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


Web Devs:
Moonlight as a Game Developer and Win Cool Prizes by Accepting the RIA Run Challenge

Now, your mission--should you choose to accept: Take your shot at gaming stardom if you think you might have what it takes to build a cool RIA game and you could win an Xbox 360 or other fabulous prizes. Hurry! You only have until May 15, 2008 to enter. »

 
Article:
Leveraging Your Flash Development with Silverlight

You're not giving up Flash any time soon (and we don't blame you.) But if you could get your Flash application working in Silverlight, why wouldn't you? We show you the tools and techniques required to have your rockin' Flash application rolled for Silverlight. Learn more here. »

 
Article:
What Does it Take to Build the Best RIA?

With the proliferation of Rich Interactive Application (RIA) platform choices out there, you no longer have to take a one-size-fits-all approach to developing your next RIA application. Knowing the strengths (and weaknesses) of each platform can help you to decide the best RIA for your next application. »

 
Top 10 Articles
  1. Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
  2. JavaScript Tutorial for Programmers
  3. Design
  4. JavaScript Tutorial for Programmers - Objects
  5. JavaScript Tutorial for Programmers - JavaScript Grammar
  6. JavaScript Tutorial for Programmers - Versions of JavaScript
  7. Cascading Style Sheets
  8. JavaScript Tutorial for Programmers - Embedding JavaScript
  9. JavaScript Tutorial for Programmers - Functions
  10. Authoring JavaScript
Domain Name Lookup
Search to find the availability of a domain name. Just enter the complete domain name with extension (.com, .net, .edu)

Microsoft: DOM, the Sequel

November 19, 1998

Historically speaking, Netscape was the first out of the gate with their Document Object Model, originally implemented for developers in Navigator 2, accompanying the birth of JavaScript 1.0. Microsoft essentially attempted to replicate Netscape's DOM for use in their Internet Explorer 3 browser, an add-on to Windows 95. Because Netscape did not publish specifications for their early DOM, and because Microsoft needed MSIE 3 to be compatible with Navigator, Microsoft was left to basically reverse engineer the Netscape DOM, somewhat like re-creating a building without the original blueprint in hand. The result, unfortunately, was less than stellar compatibility: Internet Explorer 3 possessed many bugs and incomplete implementations of various DOM components.

After receiving much negative energy from developers, Microsoft dug in their heels in preparing Internet Explorer 4 and re-approached their DOM with a new outlook. Whereas Netscape, gearing up to release Navigator 4, was planning several modest and a couple of significant additions to their DOM (most importantly, style sheets and layers, which are arguably one in the same), Microsoft went on the offensive. Rather than a tepid upgrade, the Internet Explorer 4 DOM was extremely ambitious, attempting to break down the anatomy of the page into many more, smaller, more manipulable components than the Netscape DOM attempted. Both companies touted their new DOM's as the bearers of "Dynamic HTML," but in reality Microsoft's implementation was far more "dynamic."

At the time of this writing, both Microsoft and Netscape are working towards the 5th generation of their browsers. It is still unclear what DOM each will finally implement, and/or if this will be the DOM recommended by the W3C in mid-October (see end of article). At this time, you'll be interested in working with Microsoft's Document Object Model supported in Internet Explorer 4.

In a nice nod to developers, Microsoft has published its DOM documentation in a very accessible format on the Web. Microsoft's SiteBuilder Network Workshop contains an cross-listed index of Document Object Model references. Unlike Netscape, Microsoft has kept their DOM reference distinct from their JavaScript (a.k.a. "JScript") reference material, the latter which can be found at the Microsoft Scripting Technologies site.

Returning to Microsoft's DOM reference, you will find several subheadings beneath the "DHTML References" topic: objects, properties, methods, and events should all ring familiar by now. The convenient structure of Microsoft's documentation allows you to cross-reference by navigating via each of these indexes -- thus, if you want to look up a property whose name you recall but whose owning object you do not, use the properties index. Once you click on a chosen property, the information sheet will report the objects to which it belongs.

Microsoft also indexes an additional topic which they call collections. A "collection," in Microsoft verbiage, is an array-based object. For example, the applet object contains properties and methods reflecting Java applets embedded into a page using the <applet> tag. However, the applet objects are contained within an array called applets[] , and so you refer to a specific applet object via its index in this array; e.g. applets[2]. Thus, the entry for the applets array is listed in Microsoft's "collections" index, while the entry for the applet itself resides in the "objects" index.

Surfing through the index of objects in Microsoft's DOM, you can quickly see that it supports many more than the Netscape DOM.

Microsoft Object Reference

Cleverly and conveniently, Microsoft has published their DOM so that it is easiest to reference while using MSIE 4. For instance, we'll look up the table object (an example, by the way, of an object which is not supported in the Netscape DOM). The reference sheets, seen below, contain quite a bit of information -- using the drop down menu you can switch between views of supported properties, methods, and events.

Properties of Table Object Methods of Table Object

Armed with the above documentation, the DOM's are at your fingertips. Despite the fact that the entries may appear long and intimidating, most objects are constructed along the same patterns. In practice, reading the DOM reference typically boils down to verifying what properties and methods do or do not belong to a particular object and, in some cases, how exactly they behave.

Netscape: The DOM
The Document Object Model Dissected
DOM of the Future


Up to => Home / Authoring / DHTML / DOM




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers