Source/Utilities/DOMReady.js

   1 /*
   2 ---
   3
   4 name: DOMReady
   5
   6 description: Contains the custom event domready.
   7
   8 license: MIT-style license.
   9
  10 requires: [Browser, Element, Element.Event]
  11
  12 provides: [DOMReady, DomReady]
  13
  14 ...
  15 */
  16
  17 (function(window, document){
  18
  19 var ready,
  20         loaded,
  21         checks = [],
  22         shouldPoll,
  23         timer,
  24         testElement = document.createElement('div');
  25
  26 var domready = function(){
  27         clearTimeout(timer);
  28         if (ready) return;
  29         Browser.loaded = ready = true;
  30         document.removeListener('DOMContentLoaded', domready).removeListener('readystatechange', check);
  31
  32         document.fireEvent('domready');
  33         window.fireEvent('domready');
  34 };
  35
  36 var check = function(){
  37         for (var i = checks.length; i--;) if (checks[i]()){
  38                 domready();
  39                 return true;
  40         }
  41         return false;
  42 };
  43
  44 var poll = function(){
  45         clearTimeout(timer);
  46         if (!check()) timer = setTimeout(poll, 10);
  47 };
  48
  49 document.addListener('DOMContentLoaded', domready);
  50
  51 /*<ltIE8>*/
  52 // doScroll technique by Diego Perini http://javascript.nwbox.com/IEContentLoaded/
  53 // testElement.doScroll() throws when the DOM is not ready, only in the top window
  54 var doScrollWorks = function(){
  55         try {
  56                 testElement.doScroll();
  57                 return true;
  58         } catch (e){}
  59         return false;
  60 };
  61 // If doScroll works already, it can't be used to determine domready
  62 //   e.g. in an iframe
  63 if (testElement.doScroll && !doScrollWorks()){
  64         checks.push(doScrollWorks);
  65         shouldPoll = true;
  66 }
  67 /*</ltIE8>*/
  68
  69 if (document.readyState) checks.push(function(){
  70         var state = document.readyState;
  71         return (state == 'loaded' || state == 'complete');
  72 });
  73
  74 if ('onreadystatechange' in document) document.addListener('readystatechange', check);
  75 else shouldPoll = true;
  76
  77 if (shouldPoll) poll();
  78
  79 Element.Events.domready = {
  80         onAdd: function(fn){
  81                 if (ready) fn.call(this);
  82         }
  83 };
  84
  85 // Make sure that domready fires before load
  86 Element.Events.load = {
  87         base: 'load',
  88         onAdd: function(fn){
  89                 if (loaded && this == window) fn.call(this);
  90         },
  91         condition: function(){
  92                 if (this == window){
  93                         domready();
  94                         delete Element.Events.load;
  95                 }
  96                 return true;
  97         }
  98 };
  99
 100 // This is based on the custom load event
 101 window.addEvent('load', function(){
 102         loaded = true;
 103 });
 104
 105 })(window, document);