Added some of the fixes discussed over at Dean's blog, concerning DOM Ready.
[jquery.git] / event / event.js
1 (function(){
2         var e = ["blur","focus","contextmenu","load","resize","scroll","unload",
3                 "click","dblclick","mousedown","mouseup","mouseenter","mouseleave",
4                 "mousemove","mouseover","mouseout","change","reset","select","submit",
5                 "keydown","keypress","keyup","abort","error","ready"];
6
7         for ( var i = 0; i < e.length; i++ ) {
8                 (function(){
9                         var o = e[i];
10                         $.fn[o] = function(f){ return this.bind(o, f); };
11                         $.fn["un"+o] = function(f){ return this.unbind(o, f); };
12                         $.fn["do"+o] = function(){ return this.trigger(o); };
13                         $.fn["one"+o] = function(f){ return this.bind(o, function(e){
14                                 if ( this[o+f] !== null ) { return true; }
15                                 this[o+f]++;
16                                 return $.apply(this,f,[e]);
17                         }); };
18                 
19                         // Deprecated
20                         //$.fn["on"+o] = function(f){ return this.bind(o, f); };
21                 })();
22         }
23 })();
24
25 $.fn.hover = function(f,g) {
26         // Check if mouse(over|out) are still within the same parent element
27         return this.each(function(){
28                 var obj = this;
29                 $.event.add(this, "mouseover", function(e) {
30                         var p = ( e.fromElement !== null ? e.fromElement : e.relatedTarget );
31                         while ( p && p != obj ) { p = p.parentNode; }
32                         if ( p == obj ) { return false; }
33                         return $.apply(obj,f,[e]);
34                 });
35                 $.event.add(this, "mouseout", function(e) {
36                         var p = ( e.toElement !== null ? e.toElement : e.relatedTarget );
37                         while ( p && p != obj ) { p = p.parentNode; }
38                         if ( p == obj ) { return false; }
39                         return $.apply(obj,g,[e]);
40                 });
41         });
42 };
43
44 $.$$isReady = false;
45 $.$$ready = [];
46
47 // Handle when the DOM is ready
48 $.ready = function() {
49         $.$$isReady = true;
50         if ( $.$$ready ) {
51                 for ( var i = 0; i < $.$$ready.length; i++ ) {
52                         $.apply( document, $.$$ready[i] );
53                 }
54                 $.$$ready = [];
55         }
56 };
57
58 // If Mozilla is used
59 if ( $.browser == "mozilla" ) {
60         // Use the handy event callback
61         document.addEventListener( "DOMContentLoaded", $.ready, null );
62
63 // If IE is used, use the excellent hack by Matthias Miller
64 // http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_revisited
65 } else if ( $.browser == "msie" ) {
66
67         // Only works if you document.write() it
68         document.write('<scr' + 'ipt id=__ie_init defer=true ' + 
69                 'src=javascript:void(0)><\/script>');
70
71         // Use the defer script hack
72         var script = document.getElementById('__ie_init');
73         script.onreadystatechange = function() {
74                 if ( this.readyState == 'complete' ) {
75                         $.ready();
76                 }
77         };
78
79         // Clear from memory
80         script = null;
81
82 // If Safari or Opera is used
83 } else {
84         $.$$timer = setInterval(function(){
85                 if ( document.readyState == "loaded" || 
86                         document.readyState == "complete" ) {
87
88                         clearInterval( $.$$timer );
89                         $.$$timer = null;
90
91                         $.ready();
92                 }
93         }, 10);
94 }
95
96 // A fallback, that will always work, just in case
97 $.event.add( window, "load", $.ready );
98
99 /**
100  * Bind a function to fire when the DOM is ready.
101  */
102 $.fn.ready = function(f) {
103         if ( $.$$isReady ) {
104                 $.apply( document, f );
105         } else {
106                 if ( ! $.$$ready ) {
107                         $.$$ready = [];
108                 }
109
110                 $.$$ready.push( f );
111         }
112
113         return this;
114 };
115
116 $.fn.toggle = function(a,b) {
117         return a && b ? this.click(function(e){
118                 this.$$last = this.$$last == a ? b : a;
119                 e.preventDefault();
120                 return $.apply( this, this.$$last, [e] ) || false;
121         }) : this._toggle();
122 };