Last night Jeremy and I gave a SkillSwap talk on ‘JavaScript and the Document Object Model.’ Essentially we wanted to show the kind of things that can now be achieved by using JavaScript to interogate and manipulate the DOM, emphasizing that the bad old days of code forked DHTML are way behind us.
The talk was well received and I think we got our message across, but we struggled in one area: that of supplying sources of further information. A List Apart has some useful scripts exploring this area, as does Simon Willison’s Stylish Scripting blog; Quirksmode covers the browser discrepancies in painstaking detail; but the only useful reference I’ve found which documents methods and properties such as createElement() and nodeValue is the Mozilla.org Gecko DOM Reference.
So the question is: are there any other useful sites out there which provide a reference for DOM scripting?
Rowen wrote:
I was starting to get excited about DOM scripting, then the resources started drying up.. ALA went quiet and many other sites I visit regularly cough have been sparse for a while :) I hope some good stuff gets turned up here. And thanks for posting the resources above.
Justin wrote:
Apple’s two-part guide on the DOM is pretty good:
http://developer.apple.com/internet/webcontent/dom2i.html
Mark Wubben wrote:
Scott Andrew:
http://www.scottandrew.com/weblog/articles/domwin_1
http://www.scottandrew.com/weblog/articles/domwin_1
http://www.scottandrew.com/weblog/articles/dhtml_ns6
http://www.scottandrew.com/weblog/articles/cbs-events
http://www.scottandrew.com/weblog/articles/events
Mike Hall:
http://www.brainjar.com/dhtml/intro/
http://www.brainjar.com/dhtml/events/
That’s what I could come up with now, it’s all pretty old stuff though.
Chris Moritz wrote:
Any chance of seeing the notes for the talk? Sounds interesting.
Rich wrote:
As soon as they are posted on the SkillSwap site I’ll make a note here. In the meantime you can keep an eye on the SkillSwap archive
Simon Willison wrote:
JavaScript: The Definitive Guide is a fantastic book for both JavaScript language and scripting with the DOM. Thankfully, the book’s chapter on the DOM is available for free online: http://www.oreilly.com/catalog/jscript4/chapter/ch17.html
Patrick H. Lauke wrote:
i found this quite useful http://www.howtocreate.co.uk/tutorials/index.php?tut=0&part=24 (found originally via PPK’s article over at digital web http://digital-web.com/articles/forms_usability_and_the_w3c_dom/ )
Cameron Adams wrote:
When I’m looking for a method or an object or a property, I find the MS reference to be pretty good:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp
Although it has an MS slant, all things are marked with whether they’re part of W3C specs.
John wrote:
slayeroffice has a lot of dhtml stuff that acts as good references/examples. i’ve found myself pouring over their source code for this or that quite a lot when i need to figure out how to do something.
I wish he’d be a bit more verbose with his code comments, but overall its a good resource.
http://slayeroffice.com
Paul wrote:
This one’s quite nice: DOM2 reference with examples
Rich wrote:
It’s definitely worth mentioning Visibone’s JavaScript cards which are complete JavaScript, DOM and regex in a very compact form. Not so good as a detailed how-to guide, but handy for dipping into as syntax reminders.