Changeset 6596

Timestamp:

04/27/07 22:31:13 (2 years ago)

Author:

mislav

Message:

Support for "DOMContentLoaded" event handling. Usage:

Event.observe(document, 'DOMContentLoaded', callback);

Based on work by Dan Webb, Matthias Miller, Dean Edwards and John Resig.
Functional test included (tested in FF and IE6/Linux for now). Shouldn't
have memleaks. Fixes #5414

Files:

• spinoffs/prototype/branches/event/src/event.js (modified) (3 diffs)
• spinoffs/prototype/branches/event/test/functional/dom_ready.html (added)
• spinoffs/prototype/branches/event/test/functional/event.html (modified) (1 diff)

spinoffs/prototype/branches/event/src/event.js

@@ -1 @@
-
-
-
+
-
-Object.extend(Event, {
@@ -93 +91 @@
-    },
-    add: function() {
+      if (this.type == 'DOMContentLoaded' && this.element == document) {
+        onReady(this.observer);
+        return;
+      }
-      this._add();
-      this.cache();
@@ -186 +188 @@
-    return true; // the calling method can end
-  };
+
+  // based on work by Dan Webb, Matthias Miller, Dean Edwards and John Resig
+  var readyCallbacks, timer;
+
+  function domReady() {
+    if (arguments.callee.done) return;
+    arguments.callee.done = true;
+    if (timer) clearInterval(timer);
+    
+    readyCallbacks.each(function(f) { f() });
+    readyCallbacks = null;
+  }
+  function onReady(f) {
+    if (!readyCallbacks) {
+      if (domReady.done) return f();
+      
+      if (document.addEventListener) {
+        if (B.WebKit) { 
+          timer = setInterval(function() {
+            if (/loaded|complete/.test(document.readyState)) domReady(); 
+          }, 10);
+        }
+        else document.addEventListener('DOMContentLoaded', domReady, false);
+      }
+      else if (B.IE) {
+        var dummy = location.protocol == "https:" ? "https://javascript:void(0)" : "javascript:void(0)";
+        document.write("<script id=__ie_onload defer src='" + dummy + "'><\/script>");
+        $("__ie_onload").onreadystatechange = function() { if (this.readyState == "complete") {
+          this.onreadystatechange = null; domReady();
+        }};
+      }
+      
+      Event.observe(window, 'load', domReady);
+      readyCallbacks = [];
+    }
+    readyCallbacks.push(f);
+  }
-  
-  return {

spinoffs/prototype/branches/event/test/functional/event.html

@@ -44 +44 @@
-  <script type="text/javascript"> Element.addMethods(); </script>
-  
-  <script src="../lib/unittest.js" type="text/javascript"></script>
-  <link rel="stylesheet" href="../test.css" type="text/css" />
-  
-  <style type="text/css" media="screen">
-  /* <![CDATA[ */
-
+; font-size:0.8em
-    hr { width:31.2em; margin:1em 0; text-align:left }
-    p { width:30em; margin:0.5em 0; padding:0.3em 0.6em; color:#222; background:#eee; border:1px solid silver; }