Comments on: A DOM Ready Extension for Prototype

By: zaenal

zaenal — Fri, 29 Aug 2008 22:46:47 +0000

A shortcut for version 1.6++, just call “document.loaded” (boolean).

if (document.loaded===true) alert(“DOM is ready”);
else alert(“DOMReady is not ready”);

By: Al

Al — Fri, 04 Apr 2008 05:00:40 +0000

For anyone who’s come here recently, prototype after 1.6 now contains similar code – it can be called by document.observe(‘dom:loaded’, function(){…});

By: Eric Nguyen

Eric Nguyen — Mon, 16 Jul 2007 23:03:55 +0000

There’s a more current discussion of options here, guys:

http://www.codestore.net/store.nsf/unid/BLOG-20070604

I’ve had trouble in IE with the code inlined, above.

By: Aaron N.

Aaron N. — Mon, 16 Jul 2007 16:01:53 +0000

@Moritz, your syntax is correct FOR MOOTOOLS only. If you pass a function to domready and the page is already loaded, your function will execute immediately.

@Francisco, there are numerous versions of domready floating around out there. Most frameworks have a solution for this already, and if you aren’t using one, you really, really should.

By: Francisco Hernandez

Francisco Hernandez — Fri, 13 Jul 2007 23:45:54 +0000

heres an updated version that works with ie6+https

http://snipplr.com/view/2337/ondomready/

By: Moritz

Moritz — Wed, 11 Jul 2007 21:50:42 +0000

Just a short question regarding onDomReady: Is window.addEvent(‘domready’, function(){ … the right way to check if the DOM has been rebuild after adding new elements to the page through an ajax call?

By: Aaron N.

Aaron N. — Fri, 06 Jul 2007 16:20:14 +0000

Note that this post is a year old, but yes, this is the recommended way to attached your page-load events. For what you want, you would have your preloader there by default and, when your javascript is ready, hide it (with javascript) on domready. Note that most javascript frameworks (we use Mootools) have this functionality already built into them now, so you don’t need this stand-alone script if you’re using Prototype, YUI, Dojo, jQuery, Mootools, etc.

By: Justin

Justin — Fri, 06 Jul 2007 14:31:10 +0000

Is this still a recommended way to do this? I’m not really a javascript expert, but what I’m looking for is a way to dump a preloader on the page while the whole DOM is loading and after it’s loaded and all the onload javascript is executed the preloader goes away and the rest of the content appears.

Is that the type of thing this is for?

By: Aaron N.

Aaron N. — Fri, 27 Apr 2007 17:14:09 +0000

How odd. It’s not part of Prototype. Well, here’s the original code:

[js]/* — DOM READY http://www.vivabit.com/bollocks/2006/06/21/a-dom-ready-extension-for-prototype — */
try {
Object.extend(Event, {
_domReady : function() {
if (arguments.callee.done) return;
arguments.callee.done = true;
if (this._timer) clearInterval(this._timer);
this._readyCallbacks.each(function(f) { f() });
this._readyCallbacks = null;
},
onDOMReady : function(f) {
if (!this._readyCallbacks) {
var domReady = this._domReady.bind(this);
if (document.addEventListener) document.addEventListener(“DOMContentLoaded”, domReady, false);
/*@cc_on @*/
/*@if (@_win32)
document.write(“

By: Len

Len — Fri, 27 Apr 2007 15:57:27 +0000

If you know what that method is for Prototype, please inform me. I have been looking through the documentation and have not found it.