X-Git-Url: http://git.asbjorn.biz/?p=jquery.git;a=blobdiff_plain;f=src%2Fevent%2Fevent.js;h=bb5f9d273dc345f3e2ac9451e15829178ab1bec1;hp=de0b02d5aaf105771aca9ac4809dc30efe2f3668;hb=2ef4093cf7f52383dd43bd361864edcda27e5c3c;hpb=25ee2d8e2efaf4cad8a6d4c247013e573d9d66e9 diff --git a/src/event/event.js b/src/event/event.js index de0b02d..bb5f9d2 100644 --- a/src/event/event.js +++ b/src/event/event.js @@ -1,1667 +1,980 @@ -jQuery.fn.extend({ - - // We're overriding the old toggle function, so - // remember it for later - _toggle: jQuery.fn.toggle, - - /** - * Toggle between two function calls every other click. - * Whenever a matched element is clicked, the first specified function - * is fired, when clicked again, the second is fired. All subsequent - * clicks continue to rotate through the two functions. - * - * @example $("p").toggle(function(){ - * $(this).addClass("selected"); - * },function(){ - * $(this).removeClass("selected"); - * }); - * - * @test var count = 0; - * var fn1 = function() { count++; } - * var fn2 = function() { count--; } - * var link = $('#mark'); - * link.click().toggle(fn1, fn2).click().click().click().click().click(); - * ok( count == 1, "Check for toggle(fn, fn)" ); - * - * @name toggle - * @type jQuery - * @param Function even The function to execute on every even click. - * @param Function odd The function to execute on every odd click. - * @cat Events - */ - toggle: function(a,b) { - // If two functions are passed in, we're - // toggling on a click - return a && b && a.constructor == Function && b.constructor == Function ? this.click(function(e){ - // Figure out which function to execute - this.last = this.last == a ? b : a; - - // Make sure that clicks stop - e.preventDefault(); - - // and execute the function - return this.last.apply( this, [e] ) || false; - }) : - - // Otherwise, execute the old toggle function - this._toggle.apply( this, arguments ); - }, - - /** - * A method for simulating hovering (moving the mouse on, and off, - * an object). This is a custom method which provides an 'in' to a - * frequent task. - * - * Whenever the mouse cursor is moved over a matched - * element, the first specified function is fired. Whenever the mouse - * moves off of the element, the second specified function fires. - * Additionally, checks are in place to see if the mouse is still within - * the specified element itself (for example, an image inside of a div), - * and if it is, it will continue to 'hover', and not move out - * (a common error in using a mouseout event handler). - * - * @example $("p").hover(function(){ - * $(this).addClass("over"); - * },function(){ - * $(this).addClass("out"); - * }); - * - * @name hover - * @type jQuery - * @param Function over The function to fire whenever the mouse is moved over a matched element. - * @param Function out The function to fire whenever the mouse is moved off of a matched element. - * @cat Events - */ - hover: function(f,g) { - - // A private function for haandling mouse 'hovering' - function handleHover(e) { - // Check if mouse(over|out) are still within the same parent element - var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget; - - // Traverse up the tree - while ( p && p != this ) try { p = p.parentNode } catch(e) { p = null; }; - - // If we actually just moused on to a sub-element, ignore it - if ( p == this ) return false; - - // Execute the right function - return (e.type == "mouseover" ? f : g).apply(this, [e]); - } - - // Bind the function to the two event listeners - return this.mouseover(handleHover).mouseout(handleHover); - }, - - /** - * Bind a function to be executed whenever the DOM is ready to be - * traversed and manipulated. This is probably the most important - * function included in the event module, as it can greatly improve - * the response times of your web applications. - * - * In a nutshell, this is a solid replacement for using window.onload, - * and attaching a function to that. By using this method, your bound Function - * will be called the instant the DOM is ready to be read and manipulated, - * which is exactly what 99.99% of all Javascript code needs to run. - * - * Please ensure you have no code in your <body> onload event handler, - * otherwise $(document).ready() may not fire. - * - * You can have as many $(document).ready events on your page as you like. - * - * @example $(document).ready(function(){ Your code here... }); - * - * @name ready - * @type jQuery - * @param Function fn The function to be executed when the DOM is ready. - * @cat Events - */ - ready: function(f) { - // If the DOM is already ready - if ( jQuery.isReady ) - // Execute the function immediately - f.apply( document ); - - // Otherwise, remember the function for later - else { - // Add the function to the wait list - jQuery.readyList.push( f ); - } - - return this; - } -}); - -jQuery.extend({ - /* - * All the code that makes DOM Ready work nicely. - */ - isReady: false, - readyList: [], - - // Handle when the DOM is ready - ready: function() { - // Make sure that the DOM is not already loaded - if ( !jQuery.isReady ) { - // Remember that the DOM is ready - jQuery.isReady = true; - - // If there are functions bound, to execute - if ( jQuery.readyList ) { - // Execute all of them - for ( var i = 0; i < jQuery.readyList.length; i++ ) - jQuery.readyList[i].apply( document ); - - // Reset the list of functions - jQuery.readyList = null; - } - // Remove event lisenter to avoid memory leak - if ( jQuery.browser.mozilla || jQuery.browser.opera ) - document.removeEventListener( "DOMContentLoaded", jQuery.ready, false ); - } - } -}); - -new function(){ - - /** - * Bind a function to the scroll event of each matched element. - * - * @example $("p").scroll( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name scroll - * @type jQuery - * @param Function fn A function to bind to the scroll event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Trigger the scroll event of each matched element. This causes all of the functions - * that have been bound to thet scroll event to be executed. - * - * @example $("p").scroll(); - * @before

Hello

- * @result alert('Hello'); - * - * @name scroll - * @type jQuery - * @cat Events/Browser - */ - - /** - * Bind a function to the scroll event of each matched element, which will only be executed once. - * Unlike a call to the normal .scroll() method, calling .onescroll() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onescroll( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first scroll - * - * @name onescroll - * @type jQuery - * @param Function fn A function to bind to the scroll event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Removes a bound scroll event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unscroll( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unscroll - * @type jQuery - * @param Function fn A function to unbind from the scroll event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Removes all bound scroll events from each of the matched elements. - * - * @example $("p").unscroll(); - * @before

Hello

- * @result

Hello

- * - * @name unscroll - * @type jQuery - * @cat Events/Browser - */ - - /** - * Bind a function to the submit event of each matched element. - * - * @example $("p").submit( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name submit - * @type jQuery - * @param Function fn A function to bind to the submit event on each of the matched elements. - * @cat Events/Form - */ - - /** - * Trigger the submit event of each matched element. This causes all of the functions - * that have been bound to thet submit event to be executed. - * - * @example $("p").submit(); - * @before

Hello

- * @result alert('Hello'); - * - * @name submit - * @type jQuery - * @cat Events/Form - */ - - /** - * Bind a function to the submit event of each matched element, which will only be executed once. - * Unlike a call to the normal .submit() method, calling .onesubmit() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onesubmit( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first submit - * - * @name onesubmit - * @type jQuery - * @param Function fn A function to bind to the submit event on each of the matched elements. - * @cat Events/Form - */ - - /** - * Removes a bound submit event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unsubmit( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unsubmit - * @type jQuery - * @param Function fn A function to unbind from the submit event on each of the matched elements. - * @cat Events/Form - */ - - /** - * Removes all bound submit events from each of the matched elements. - * - * @example $("p").unsubmit(); - * @before

Hello

- * @result

Hello

- * - * @name unsubmit - * @type jQuery - * @cat Events/Form - */ - - /** - * Bind a function to the focus event of each matched element. - * - * @example $("p").focus( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name focus - * @type jQuery - * @param Function fn A function to bind to the focus event on each of the matched elements. - * @cat Events/UI - */ - - /** - * Trigger the focus event of each matched element. This causes all of the functions - * that have been bound to thet focus event to be executed. - * - * @example $("p").focus(); - * @before

Hello

- * @result alert('Hello'); - * - * @name focus - * @type jQuery - * @cat Events/UI - */ - - /** - * Bind a function to the focus event of each matched element, which will only be executed once. - * Unlike a call to the normal .focus() method, calling .onefocus() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onefocus( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first focus - * - * @name onefocus - * @type jQuery - * @param Function fn A function to bind to the focus event on each of the matched elements. - * @cat Events/UI - */ - - /** - * Removes a bound focus event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unfocus( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unfocus - * @type jQuery - * @param Function fn A function to unbind from the focus event on each of the matched elements. - * @cat Events/UI - */ - - /** - * Removes all bound focus events from each of the matched elements. - * - * @example $("p").unfocus(); - * @before

Hello

- * @result

Hello

- * - * @name unfocus - * @type jQuery - * @cat Events/UI - */ - - /** - * Bind a function to the keydown event of each matched element. - * - * @example $("p").keydown( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name keydown - * @type jQuery - * @param Function fn A function to bind to the keydown event on each of the matched elements. - * @cat Events/Keyboard - */ - - /** - * Trigger the keydown event of each matched element. This causes all of the functions - * that have been bound to thet keydown event to be executed. - * - * @example $("p").keydown(); - * @before

Hello

- * @result alert('Hello'); - * - * @name keydown - * @type jQuery - * @cat Events/Keyboard - */ - - /** - * Bind a function to the keydown event of each matched element, which will only be executed once. - * Unlike a call to the normal .keydown() method, calling .onekeydown() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onekeydown( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first keydown - * - * @name onekeydown - * @type jQuery - * @param Function fn A function to bind to the keydown event on each of the matched elements. - * @cat Events/Keyboard - */ - - /** - * Removes a bound keydown event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unkeydown( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unkeydown - * @type jQuery - * @param Function fn A function to unbind from the keydown event on each of the matched elements. - * @cat Events/Keyboard - */ - - /** - * Removes all bound keydown events from each of the matched elements. - * - * @example $("p").unkeydown(); - * @before

Hello

- * @result

Hello

- * - * @name unkeydown - * @type jQuery - * @cat Events/Keyboard - */ - - /** - * Bind a function to the dblclick event of each matched element. - * - * @example $("p").dblclick( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name dblclick - * @type jQuery - * @param Function fn A function to bind to the dblclick event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Trigger the dblclick event of each matched element. This causes all of the functions - * that have been bound to thet dblclick event to be executed. - * - * @example $("p").dblclick(); - * @before

Hello

- * @result alert('Hello'); - * - * @name dblclick - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the dblclick event of each matched element, which will only be executed once. - * Unlike a call to the normal .dblclick() method, calling .onedblclick() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onedblclick( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first dblclick - * - * @name onedblclick - * @type jQuery - * @param Function fn A function to bind to the dblclick event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes a bound dblclick event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").undblclick( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name undblclick - * @type jQuery - * @param Function fn A function to unbind from the dblclick event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes all bound dblclick events from each of the matched elements. - * - * @example $("p").undblclick(); - * @before

Hello

- * @result

Hello

- * - * @name undblclick - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the keypress event of each matched element. - * - * @example $("p").keypress( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name keypress - * @type jQuery - * @param Function fn A function to bind to the keypress event on each of the matched elements. - * @cat Events/Keyboard - */ - - /** - * Trigger the keypress event of each matched element. This causes all of the functions - * that have been bound to thet keypress event to be executed. - * - * @example $("p").keypress(); - * @before

Hello

- * @result alert('Hello'); - * - * @name keypress - * @type jQuery - * @cat Events/Keyboard - */ - - /** - * Bind a function to the keypress event of each matched element, which will only be executed once. - * Unlike a call to the normal .keypress() method, calling .onekeypress() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onekeypress( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first keypress - * - * @name onekeypress - * @type jQuery - * @param Function fn A function to bind to the keypress event on each of the matched elements. - * @cat Events/Keyboard - */ - - /** - * Removes a bound keypress event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unkeypress( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unkeypress - * @type jQuery - * @param Function fn A function to unbind from the keypress event on each of the matched elements. - * @cat Events/Keyboard - */ - - /** - * Removes all bound keypress events from each of the matched elements. - * - * @example $("p").unkeypress(); - * @before

Hello

- * @result

Hello

- * - * @name unkeypress - * @type jQuery - * @cat Events/Keyboard - */ - - /** - * Bind a function to the error event of each matched element. - * - * @example $("p").error( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name error - * @type jQuery - * @param Function fn A function to bind to the error event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Trigger the error event of each matched element. This causes all of the functions - * that have been bound to thet error event to be executed. - * - * @example $("p").error(); - * @before

Hello

- * @result alert('Hello'); - * - * @name error - * @type jQuery - * @cat Events/Browser - */ - - /** - * Bind a function to the error event of each matched element, which will only be executed once. - * Unlike a call to the normal .error() method, calling .oneerror() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").oneerror( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first error - * - * @name oneerror - * @type jQuery - * @param Function fn A function to bind to the error event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Removes a bound error event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unerror( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unerror - * @type jQuery - * @param Function fn A function to unbind from the error event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Removes all bound error events from each of the matched elements. - * - * @example $("p").unerror(); - * @before

Hello

- * @result

Hello

- * - * @name unerror - * @type jQuery - * @cat Events/Browser - */ - - /** - * Bind a function to the blur event of each matched element. - * - * @example $("p").blur( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name blur - * @type jQuery - * @param Function fn A function to bind to the blur event on each of the matched elements. - * @cat Events/UI - */ - - /** - * Trigger the blur event of each matched element. This causes all of the functions - * that have been bound to thet blur event to be executed. - * - * @example $("p").blur(); - * @before

Hello

- * @result alert('Hello'); - * - * @name blur - * @type jQuery - * @cat Events/UI - */ - - /** - * Bind a function to the blur event of each matched element, which will only be executed once. - * Unlike a call to the normal .blur() method, calling .oneblur() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").oneblur( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first blur - * - * @name oneblur - * @type jQuery - * @param Function fn A function to bind to the blur event on each of the matched elements. - * @cat Events/UI - */ - - /** - * Removes a bound blur event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unblur( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unblur - * @type jQuery - * @param Function fn A function to unbind from the blur event on each of the matched elements. - * @cat Events/UI - */ - - /** - * Removes all bound blur events from each of the matched elements. - * - * @example $("p").unblur(); - * @before

Hello

- * @result

Hello

- * - * @name unblur - * @type jQuery - * @cat Events/UI - */ - - /** - * Bind a function to the load event of each matched element. - * - * @example $("p").load( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name load - * @type jQuery - * @param Function fn A function to bind to the load event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Trigger the load event of each matched element. This causes all of the functions - * that have been bound to thet load event to be executed. - * - * Marked as private: Calling load() without arguments throws exception because the ajax load - * does not handle it. - * - * @example $("p").load(); - * @before

Hello

- * @result alert('Hello'); - * - * @name load - * @private - * @type jQuery - * @cat Events/Browser - */ - - /** - * Bind a function to the load event of each matched element, which will only be executed once. - * Unlike a call to the normal .load() method, calling .oneload() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").oneload( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first load - * - * @name oneload - * @type jQuery - * @param Function fn A function to bind to the load event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Removes a bound load event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unload( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unload - * @type jQuery - * @param Function fn A function to unbind from the load event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Removes all bound load events from each of the matched elements. - * - * @example $("p").unload(); - * @before

Hello

- * @result

Hello

- * - * @name unload - * @type jQuery - * @cat Events/Browser - */ - - /** - * Bind a function to the select event of each matched element. - * - * @example $("p").select( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name select - * @type jQuery - * @param Function fn A function to bind to the select event on each of the matched elements. - * @cat Events/Form - */ - - /** - * Trigger the select event of each matched element. This causes all of the functions - * that have been bound to thet select event to be executed. - * - * @example $("p").select(); - * @before

Hello

- * @result alert('Hello'); - * - * @name select - * @type jQuery - * @cat Events/Form - */ - - /** - * Bind a function to the select event of each matched element, which will only be executed once. - * Unlike a call to the normal .select() method, calling .oneselect() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").oneselect( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first select - * - * @name oneselect - * @type jQuery - * @param Function fn A function to bind to the select event on each of the matched elements. - * @cat Events/Form - */ - - /** - * Removes a bound select event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unselect( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unselect - * @type jQuery - * @param Function fn A function to unbind from the select event on each of the matched elements. - * @cat Events/Form - */ - - /** - * Removes all bound select events from each of the matched elements. - * - * @example $("p").unselect(); - * @before

Hello

- * @result

Hello

- * - * @name unselect - * @type jQuery - * @cat Events/Form - */ - - /** - * Bind a function to the mouseup event of each matched element. - * - * @example $("p").mouseup( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name mouseup - * @type jQuery - * @param Function fn A function to bind to the mouseup event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Trigger the mouseup event of each matched element. This causes all of the functions - * that have been bound to thet mouseup event to be executed. - * - * @example $("p").mouseup(); - * @before

Hello

- * @result alert('Hello'); - * - * @name mouseup - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the mouseup event of each matched element, which will only be executed once. - * Unlike a call to the normal .mouseup() method, calling .onemouseup() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onemouseup( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first mouseup - * - * @name onemouseup - * @type jQuery - * @param Function fn A function to bind to the mouseup event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes a bound mouseup event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unmouseup( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unmouseup - * @type jQuery - * @param Function fn A function to unbind from the mouseup event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes all bound mouseup events from each of the matched elements. - * - * @example $("p").unmouseup(); - * @before

Hello

- * @result

Hello

- * - * @name unmouseup - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the unload event of each matched element. - * - * @example $("p").unload( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name unload - * @type jQuery - * @param Function fn A function to bind to the unload event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Trigger the unload event of each matched element. This causes all of the functions - * that have been bound to thet unload event to be executed. - * - * @example $("p").unload(); - * @before

Hello

- * @result alert('Hello'); - * - * @name unload - * @type jQuery - * @cat Events/Browser - */ - - /** - * Bind a function to the unload event of each matched element, which will only be executed once. - * Unlike a call to the normal .unload() method, calling .oneunload() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").oneunload( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first unload - * - * @name oneunload - * @type jQuery - * @param Function fn A function to bind to the unload event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Removes a bound unload event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").ununload( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name ununload - * @type jQuery - * @param Function fn A function to unbind from the unload event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Removes all bound unload events from each of the matched elements. - * - * @example $("p").ununload(); - * @before

Hello

- * @result

Hello

- * - * @name ununload - * @type jQuery - * @cat Events/Browser - */ - - /** - * Bind a function to the change event of each matched element. - * - * @example $("p").change( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name change - * @type jQuery - * @param Function fn A function to bind to the change event on each of the matched elements. - * @cat Events/Form - */ - - /** - * Trigger the change event of each matched element. This causes all of the functions - * that have been bound to thet change event to be executed. - * - * @example $("p").change(); - * @before

Hello

- * @result alert('Hello'); - * - * @name change - * @type jQuery - * @cat Events/Form - */ - - /** - * Bind a function to the change event of each matched element, which will only be executed once. - * Unlike a call to the normal .change() method, calling .onechange() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onechange( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first change - * - * @name onechange - * @type jQuery - * @param Function fn A function to bind to the change event on each of the matched elements. - * @cat Events/Form - */ - - /** - * Removes a bound change event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unchange( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unchange - * @type jQuery - * @param Function fn A function to unbind from the change event on each of the matched elements. - * @cat Events/Form - */ - - /** - * Removes all bound change events from each of the matched elements. - * - * @example $("p").unchange(); - * @before

Hello

- * @result

Hello

- * - * @name unchange - * @type jQuery - * @cat Events/Form - */ - - /** - * Bind a function to the mouseout event of each matched element. - * - * @example $("p").mouseout( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name mouseout - * @type jQuery - * @param Function fn A function to bind to the mouseout event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Trigger the mouseout event of each matched element. This causes all of the functions - * that have been bound to thet mouseout event to be executed. - * - * @example $("p").mouseout(); - * @before

Hello

- * @result alert('Hello'); - * - * @name mouseout - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the mouseout event of each matched element, which will only be executed once. - * Unlike a call to the normal .mouseout() method, calling .onemouseout() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onemouseout( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first mouseout - * - * @name onemouseout - * @type jQuery - * @param Function fn A function to bind to the mouseout event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes a bound mouseout event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unmouseout( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unmouseout - * @type jQuery - * @param Function fn A function to unbind from the mouseout event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes all bound mouseout events from each of the matched elements. - * - * @example $("p").unmouseout(); - * @before

Hello

- * @result

Hello

- * - * @name unmouseout - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the keyup event of each matched element. - * - * @example $("p").keyup( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name keyup - * @type jQuery - * @param Function fn A function to bind to the keyup event on each of the matched elements. - * @cat Events/Keyboard - */ - - /** - * Trigger the keyup event of each matched element. This causes all of the functions - * that have been bound to thet keyup event to be executed. - * - * @example $("p").keyup(); - * @before

Hello

- * @result alert('Hello'); - * - * @name keyup - * @type jQuery - * @cat Events/Keyboard - */ - - /** - * Bind a function to the keyup event of each matched element, which will only be executed once. - * Unlike a call to the normal .keyup() method, calling .onekeyup() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onekeyup( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first keyup - * - * @name onekeyup - * @type jQuery - * @param Function fn A function to bind to the keyup event on each of the matched elements. - * @cat Events/Keyboard - */ - - /** - * Removes a bound keyup event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unkeyup( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unkeyup - * @type jQuery - * @param Function fn A function to unbind from the keyup event on each of the matched elements. - * @cat Events/Keyboard - */ - - /** - * Removes all bound keyup events from each of the matched elements. - * - * @example $("p").unkeyup(); - * @before

Hello

- * @result

Hello

- * - * @name unkeyup - * @type jQuery - * @cat Events/Keyboard - */ - - /** - * Bind a function to the click event of each matched element. - * - * @example $("p").click( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name click - * @type jQuery - * @param Function fn A function to bind to the click event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Trigger the click event of each matched element. This causes all of the functions - * that have been bound to thet click event to be executed. - * - * @example $("p").click(); - * @before

Hello

- * @result alert('Hello'); - * - * @name click - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the click event of each matched element, which will only be executed once. - * Unlike a call to the normal .click() method, calling .oneclick() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").oneclick( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first click - * - * @name oneclick - * @type jQuery - * @param Function fn A function to bind to the click event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes a bound click event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unclick( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unclick - * @type jQuery - * @param Function fn A function to unbind from the click event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes all bound click events from each of the matched elements. - * - * @example $("p").unclick(); - * @before

Hello

- * @result

Hello

- * - * @name unclick - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the resize event of each matched element. - * - * @example $("p").resize( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name resize - * @type jQuery - * @param Function fn A function to bind to the resize event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Trigger the resize event of each matched element. This causes all of the functions - * that have been bound to thet resize event to be executed. - * - * @example $("p").resize(); - * @before

Hello

- * @result alert('Hello'); - * - * @name resize - * @type jQuery - * @cat Events/Browser - */ - - /** - * Bind a function to the resize event of each matched element, which will only be executed once. - * Unlike a call to the normal .resize() method, calling .oneresize() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").oneresize( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first resize - * - * @name oneresize - * @type jQuery - * @param Function fn A function to bind to the resize event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Removes a bound resize event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unresize( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unresize - * @type jQuery - * @param Function fn A function to unbind from the resize event on each of the matched elements. - * @cat Events/Browser - */ - - /** - * Removes all bound resize events from each of the matched elements. - * - * @example $("p").unresize(); - * @before

Hello

- * @result

Hello

- * - * @name unresize - * @type jQuery - * @cat Events/Browser - */ - - /** - * Bind a function to the mousemove event of each matched element. - * - * @example $("p").mousemove( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name mousemove - * @type jQuery - * @param Function fn A function to bind to the mousemove event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Trigger the mousemove event of each matched element. This causes all of the functions - * that have been bound to thet mousemove event to be executed. - * - * @example $("p").mousemove(); - * @before

Hello

- * @result alert('Hello'); - * - * @name mousemove - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the mousemove event of each matched element, which will only be executed once. - * Unlike a call to the normal .mousemove() method, calling .onemousemove() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onemousemove( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first mousemove - * - * @name onemousemove - * @type jQuery - * @param Function fn A function to bind to the mousemove event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes a bound mousemove event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unmousemove( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unmousemove - * @type jQuery - * @param Function fn A function to unbind from the mousemove event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes all bound mousemove events from each of the matched elements. - * - * @example $("p").unmousemove(); - * @before

Hello

- * @result

Hello

- * - * @name unmousemove - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the mousedown event of each matched element. - * - * @example $("p").mousedown( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name mousedown - * @type jQuery - * @param Function fn A function to bind to the mousedown event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Trigger the mousedown event of each matched element. This causes all of the functions - * that have been bound to thet mousedown event to be executed. - * - * @example $("p").mousedown(); - * @before

Hello

- * @result alert('Hello'); - * - * @name mousedown - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the mousedown event of each matched element, which will only be executed once. - * Unlike a call to the normal .mousedown() method, calling .onemousedown() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onemousedown( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first mousedown - * - * @name onemousedown - * @type jQuery - * @param Function fn A function to bind to the mousedown event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes a bound mousedown event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unmousedown( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unmousedown - * @type jQuery - * @param Function fn A function to unbind from the mousedown event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes all bound mousedown events from each of the matched elements. - * - * @example $("p").unmousedown(); - * @before

Hello

- * @result

Hello

- * - * @name unmousedown - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the mouseover event of each matched element. - * - * @example $("p").mouseover( function() { alert("Hello"); } ); - * @before

Hello

- * @result

Hello

- * - * @name mouseover - * @type jQuery - * @param Function fn A function to bind to the mousedown event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Trigger the mouseover event of each matched element. This causes all of the functions - * that have been bound to thet mousedown event to be executed. - * - * @example $("p").mouseover(); - * @before

Hello

- * @result alert('Hello'); - * - * @name mouseover - * @type jQuery - * @cat Events/Mouse - */ - - /** - * Bind a function to the mouseover event of each matched element, which will only be executed once. - * Unlike a call to the normal .mouseover() method, calling .onemouseover() causes the bound function to be - * only executed the first time it is triggered, and never again (unless it is re-bound). - * - * @example $("p").onemouseover( function() { alert("Hello"); } ); - * @before

Hello

- * @result alert('Hello'); // Only executed for the first mouseover - * - * @name onemouseover - * @type jQuery - * @param Function fn A function to bind to the mouseover event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes a bound mouseover event from each of the matched - * elements. You must pass the identical function that was used in the original - * bind method. - * - * @example $("p").unmouseover( myFunction ); - * @before

Hello

- * @result

Hello

- * - * @name unmouseover - * @type jQuery - * @param Function fn A function to unbind from the mouseover event on each of the matched elements. - * @cat Events/Mouse - */ - - /** - * Removes all bound mouseover events from each of the matched elements. - * - * @example $("p").unmouseover(); - * @before

Hello

- * @result

Hello

- * - * @name unmouseover - * @type jQuery - * @cat Events/Mouse - */ - - /** - * @test var count; - * // ignore load - * var e = ("blur,focus,resize,scroll,unload,click,dblclick," + - * "mousedown,mouseup,mousemove,mouseover,mouseout,change,reset,select," + - * "submit,keydown,keypress,keyup,error").split(","); - * var handler1 = function(event) { - * count++; - * }; - * var handler2 = function(event) { - * count++; - * }; - * for( var i=0; i < e.length; i++) { - * var event = e[i]; - * count = 0; - * // bind handler - * $(document)[event](handler1); - * $(document)[event](handler2); - * $(document)["one"+event](handler1); - * - * // call event two times - * $(document)[event](); - * $(document)[event](); - * - * // unbind events - * $(document)["un"+event](handler1); - * // call once more - * $(document)[event](); - * - * // remove all handlers - * $(document)["un"+event](); - * - * // call once more - * $(document)[event](); - * - * // assert count - * ok( count == 6, 'Checking event ' + event); - * } - * - * @private - * @name eventTesting - * @cat Events - */ - - var e = ("blur,focus,load,resize,scroll,unload,click,dblclick," + - "mousedown,mouseup,mousemove,mouseover,mouseout,change,reset,select," + - "submit,keydown,keypress,keyup,error").split(","); - - // Go through all the event names, but make sure that - // it is enclosed properly - for ( var i = 0; i < e.length; i++ ) new function(){ - - var o = e[i]; - - // Handle event binding - jQuery.fn[o] = function(f){ - return f ? this.bind(o, f) : this.trigger(o); - }; - - // Handle event unbinding - jQuery.fn["un"+o] = function(f){ return this.unbind(o, f); }; - - // Finally, handle events that only fire once - jQuery.fn["one"+o] = function(f){ - // Attach the event listener - return this.each(function(){ - - var count = 0; - - // Add the event - jQuery.event.add( this, o, function(e){ - // If this function has already been executed, stop - if ( count++ ) return; - - // And execute the bound function - return f.apply(this, [e]); - }); - }); - }; - - }; - - // If Mozilla is used - if ( jQuery.browser.mozilla || jQuery.browser.opera ) { - // Use the handy event callback - document.addEventListener( "DOMContentLoaded", jQuery.ready, false ); - - // If IE is used, use the excellent hack by Matthias Miller - // http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_revisited - } else if ( jQuery.browser.msie ) { - - // Only works if you document.write() it - document.write("<\/script>"); - - // Use the defer script hack - var script = document.getElementById("__ie_init"); - script.onreadystatechange = function() { - if ( this.readyState != "complete" ) return; - this.parentNode.removeChild( this ); - jQuery.ready(); - }; - - // Clear from memory - script = null; - - // If Safari is used - } else if ( jQuery.browser.safari ) { - // Continually check to see if the document.readyState is valid - jQuery.safariTimer = setInterval(function(){ - // loaded and complete are both valid states - if ( document.readyState == "loaded" || - document.readyState == "complete" ) { - - // If either one are found, remove the timer - clearInterval( jQuery.safariTimer ); - jQuery.safariTimer = null; - - // and execute any waiting functions - jQuery.ready(); - } - }, 10); - } - - // A fallback to window.onload, that will always work - jQuery.event.add( window, "load", jQuery.ready ); - -}; - -// Clean up after IE to avoid memory leaks -if ($.browser.msie) $(window).unload(function() { - var event = jQuery.event, global = event.global; - for (var type in global) { - var els = global[type], i = els.length; - if (i>0) do if (type != 'unload') event.remove(els[i-1], type); while (--i); - } -}); +/* + * A number of helper functions used for managing events. + * Many of the ideas behind this code orignated from + * Dean Edwards' addEvent library. + */ +jQuery.event = { + + // Bind an event to an element + // Original by Dean Edwards + add: function(element, type, handler, data) { + // For whatever reason, IE has trouble passing the window object + // around, causing it to be cloned in the process + if ( jQuery.browser.msie && element.setInterval != undefined ) + element = window; + + // Make sure that the function being executed has a unique ID + if ( !handler.guid ) + handler.guid = this.guid++; + + // if data is passed, bind to handler + if( data != undefined ) { + // Create temporary function pointer to original handler + var fn = handler; + + // Create unique handler function, wrapped around original handler + handler = function() { + // Pass arguments and context to original handler + return fn.apply(this, arguments); + }; + + // Store data in unique handler + handler.data = data; + + // Set the guid of unique handler to the same of original handler, so it can be removed + handler.guid = fn.guid; + } + + // Init the element's event structure + if (!element.$events) + element.$events = {}; + + if (!element.$handle) + element.$handle = function() { + // returned undefined or false + var val; + + // Handle the second event of a trigger and when + // an event is called after a page has unloaded + if ( typeof jQuery == "undefined" || jQuery.event.triggered ) + return val; + + val = jQuery.event.handle.apply(element, arguments); + + return val; + }; + + // Get the current list of functions bound to this event + var handlers = element.$events[type]; + + // Init the event handler queue + if (!handlers) { + handlers = element.$events[type] = {}; + + // And bind the global event handler to the element + if (element.addEventListener) + element.addEventListener(type, element.$handle, false); + else + element.attachEvent("on" + type, element.$handle); + } + + // Add the function to the element's handler list + handlers[handler.guid] = handler; + + // Keep track of which events have been used, for global triggering + this.global[type] = true; + }, + + guid: 1, + global: {}, + + // Detach an event or set of events from an element + remove: function(element, type, handler) { + var events = element.$events, ret, index; + + if ( events ) { + // type is actually an event object here + if ( type && type.type ) { + handler = type.handler; + type = type.type; + } + + if ( !type ) { + for ( type in events ) + this.remove( element, type ); + + } else if ( events[type] ) { + // remove the given handler for the given type + if ( handler ) + delete events[type][handler.guid]; + + // remove all handlers for the given type + else + for ( handler in element.$events[type] ) + delete events[type][handler]; + + // remove generic event handler if no more handlers exist + for ( ret in events[type] ) break; + if ( !ret ) { + if (element.removeEventListener) + element.removeEventListener(type, element.$handle, false); + else + element.detachEvent("on" + type, element.$handle); + ret = null; + delete events[type]; + } + } + + // Remove the expando if it's no longer used + for ( ret in events ) break; + if ( !ret ) + element.$handle = element.$events = null; + } + }, + + trigger: function(type, data, element) { + // Clone the incoming data, if any + data = jQuery.makeArray(data || []); + + // Handle a global trigger + if ( !element ) { + // Only trigger if we've ever bound an event for it + if ( this.global[type] ) + jQuery("*").trigger(type, data); + + // Handle triggering a single element + } else { + var val, ret, fn = jQuery.isFunction( element[ type ] || null ); + + // Pass along a fake event + data.unshift( this.fix({ type: type, target: element }) ); + + // Trigger the event + if ( jQuery.isFunction( element.$handle ) ) + val = element.$handle.apply( element, data ); + if ( !fn && element["on"+type] && element["on"+type].apply( element, data ) === false ) + val = false; + + if ( fn && val !== false && !(jQuery.nodeName(element, 'a') && type == "click") ) { + this.triggered = true; + element[ type ](); + } + + this.triggered = false; + } + }, + + handle: function(event) { + // returned undefined or false + var val; + + // Empty object is for triggered events with no data + event = jQuery.event.fix( event || window.event || {} ); + + var c = this.$events && this.$events[event.type], args = [].slice.call( arguments, 1 ); + args.unshift( event ); + + for ( var j in c ) { + // Pass in a reference to the handler function itself + // So that we can later remove it + args[0].handler = c[j]; + args[0].data = c[j].data; + + if ( c[j].apply( this, args ) === false ) { + event.preventDefault(); + event.stopPropagation(); + val = false; + } + } + + // Clean up added properties in IE to prevent memory leak + if (jQuery.browser.msie) + event.target = event.preventDefault = event.stopPropagation = + event.handler = event.data = null; + + return val; + }, + + fix: function(event) { + // store a copy of the original event object + // and clone to set read-only properties + var originalEvent = event; + event = jQuery.extend({}, originalEvent); + + // add preventDefault and stopPropagation since + // they will not work on the clone + event.preventDefault = function() { + // if preventDefault exists run it on the original event + if (originalEvent.preventDefault) + return originalEvent.preventDefault(); + // otherwise set the returnValue property of the original event to false (IE) + originalEvent.returnValue = false; + }; + event.stopPropagation = function() { + // if stopPropagation exists run it on the original event + if (originalEvent.stopPropagation) + return originalEvent.stopPropagation(); + // otherwise set the cancelBubble property of the original event to true (IE) + originalEvent.cancelBubble = true; + }; + + // Fix target property, if necessary + if ( !event.target && event.srcElement ) + event.target = event.srcElement; + + // check if target is a textnode (safari) + if (jQuery.browser.safari && event.target.nodeType == 3) + event.target = originalEvent.target.parentNode; + + // Add relatedTarget, if necessary + if ( !event.relatedTarget && event.fromElement ) + event.relatedTarget = event.fromElement == event.target ? event.toElement : event.fromElement; + + // Calculate pageX/Y if missing and clientX/Y available + if ( event.pageX == null && event.clientX != null ) { + var e = document.documentElement, b = document.body; + event.pageX = event.clientX + (e && e.scrollLeft || b.scrollLeft || 0); + event.pageY = event.clientY + (e && e.scrollTop || b.scrollTop || 0); + } + + // Add which for key events + if ( !event.which && (event.charCode || event.keyCode) ) + event.which = event.charCode || event.keyCode; + + // Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs) + if ( !event.metaKey && event.ctrlKey ) + event.metaKey = event.ctrlKey; + + // Add which for click: 1 == left; 2 == middle; 3 == right + // Note: button is not normalized, so don't use it + if ( !event.which && event.button ) + event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) )); + + return event; + } +}; + +jQuery.fn.extend({ + + /** + * Binds a handler to a particular event (like click) for each matched element. + * The event handler is passed an event object that you can use to prevent + * default behaviour. To stop both default action and event bubbling, your handler + * has to return false. + * + * In most cases, you can define your event handlers as anonymous functions + * (see first example). In cases where that is not possible, you can pass additional + * data as the second parameter (and the handler function as the third), see + * second example. + * + * Calling bind with an event type of "unload" will automatically + * use the one method instead of bind to prevent memory leaks. + * + * @example $("p").bind("click", function(){ + * alert( $(this).text() ); + * }); + * @before

Hello

+ * @result alert("Hello") + * + * @example function handler(event) { + * alert(event.data.foo); + * } + * $("p").bind("click", {foo: "bar"}, handler) + * @result alert("bar") + * @desc Pass some additional data to the event handler. + * + * @example $("form").bind("submit", function() { return false; }) + * @desc Cancel a default action and prevent it from bubbling by returning false + * from your function. + * + * @example $("form").bind("submit", function(event){ + * event.preventDefault(); + * }); + * @desc Cancel only the default action by using the preventDefault method. + * + * + * @example $("form").bind("submit", function(event){ + * event.stopPropagation(); + * }); + * @desc Stop only an event from bubbling by using the stopPropagation method. + * + * @name bind + * @type jQuery + * @param String type An event type + * @param Object data (optional) Additional data passed to the event handler as event.data + * @param Function fn A function to bind to the event on each of the set of matched elements + * @cat Events + */ + bind: function( type, data, fn ) { + return type == "unload" ? this.one(type, data, fn) : this.each(function(){ + jQuery.event.add( this, type, fn || data, fn && data ); + }); + }, + + /** + * Binds a handler to a particular event (like click) for each matched element. + * The handler is executed only once for each element. Otherwise, the same rules + * as described in bind() apply. + * The event handler is passed an event object that you can use to prevent + * default behaviour. To stop both default action and event bubbling, your handler + * has to return false. + * + * In most cases, you can define your event handlers as anonymous functions + * (see first example). In cases where that is not possible, you can pass additional + * data as the second paramter (and the handler function as the third), see + * second example. + * + * @example $("p").one("click", function(){ + * alert( $(this).text() ); + * }); + * @before

Hello

+ * @result alert("Hello") + * + * @name one + * @type jQuery + * @param String type An event type + * @param Object data (optional) Additional data passed to the event handler as event.data + * @param Function fn A function to bind to the event on each of the set of matched elements + * @cat Events + */ + one: function( type, data, fn ) { + return this.each(function(){ + jQuery.event.add( this, type, function(event) { + jQuery(this).unbind(event); + return (fn || data).apply( this, arguments); + }, fn && data); + }); + }, + + /** + * The opposite of bind, removes a bound event from each of the matched + * elements. + * + * Without any arguments, all bound events are removed. + * + * If the type is provided, all bound events of that type are removed. + * + * If the function that was passed to bind is provided as the second argument, + * only that specific event handler is removed. + * + * @example $("p").unbind() + * @before

Hello

+ * @result [

Hello

] + * + * @example $("p").unbind( "click" ) + * @before

Hello

+ * @result [

Hello

] + * + * @example $("p").unbind( "click", function() { alert("Hello"); } ) + * @before

Hello

+ * @result [

Hello

] + * + * @name unbind + * @type jQuery + * @param String type (optional) An event type + * @param Function fn (optional) A function to unbind from the event on each of the set of matched elements + * @cat Events + */ + unbind: function( type, fn ) { + return this.each(function(){ + jQuery.event.remove( this, type, fn ); + }); + }, + + /** + * Trigger a type of event on every matched element. This will also cause + * the default action of the browser with the same name (if one exists) + * to be executed. For example, passing 'submit' to the trigger() + * function will also cause the browser to submit the form. This + * default action can be prevented by returning false from one of + * the functions bound to the event. + * + * You can also trigger custom events registered with bind. + * + * @example $("p").trigger("click") + * @before

Hello

+ * @result alert('hello') + * + * @example $("p").click(function(event, a, b) { + * // when a normal click fires, a and b are undefined + * // for a trigger like below a refers too "foo" and b refers to "bar" + * }).trigger("click", ["foo", "bar"]); + * @desc Example of how to pass arbitrary data to an event + * + * @example $("p").bind("myEvent",function(event,message1,message2) { + * alert(message1 + ' ' + message2); + * }); + * $("p").trigger("myEvent",["Hello","World"]); + * @result alert('Hello World') // One for each paragraph + * + * @name trigger + * @type jQuery + * @param String type An event type to trigger. + * @param Array data (optional) Additional data to pass as arguments (after the event object) to the event handler + * @cat Events + */ + trigger: function( type, data ) { + return this.each(function(){ + jQuery.event.trigger( type, data, this ); + }); + }, + + /** + * Toggle between two function calls every other click. + * Whenever a matched element is clicked, the first specified function + * is fired, when clicked again, the second is fired. All subsequent + * clicks continue to rotate through the two functions. + * + * Use unbind("click") to remove. + * + * @example $("p").toggle(function(){ + * $(this).addClass("selected"); + * },function(){ + * $(this).removeClass("selected"); + * }); + * + * @name toggle + * @type jQuery + * @param Function even The function to execute on every even click. + * @param Function odd The function to execute on every odd click. + * @cat Events + */ + toggle: function() { + // Save reference to arguments for access in closure + var a = arguments; + + return this.click(function(e) { + // Figure out which function to execute + this.lastToggle = 0 == this.lastToggle ? 1 : 0; + + // Make sure that clicks stop + e.preventDefault(); + + // and execute the function + return a[this.lastToggle].apply( this, [e] ) || false; + }); + }, + + /** + * A method for simulating hovering (moving the mouse on, and off, + * an object). This is a custom method which provides an 'in' to a + * frequent task. + * + * Whenever the mouse cursor is moved over a matched + * element, the first specified function is fired. Whenever the mouse + * moves off of the element, the second specified function fires. + * Additionally, checks are in place to see if the mouse is still within + * the specified element itself (for example, an image inside of a div), + * and if it is, it will continue to 'hover', and not move out + * (a common error in using a mouseout event handler). + * + * @example $("p").hover(function(){ + * $(this).addClass("hover"); + * },function(){ + * $(this).removeClass("hover"); + * }); + * + * @name hover + * @type jQuery + * @param Function over The function to fire whenever the mouse is moved over a matched element. + * @param Function out The function to fire whenever the mouse is moved off of a matched element. + * @cat Events + */ + hover: function(f,g) { + + // A private function for handling mouse 'hovering' + function handleHover(e) { + // Check if mouse(over|out) are still within the same parent element + var p = e.relatedTarget; + + // Traverse up the tree + while ( p && p != this ) try { p = p.parentNode; } catch(e) { p = this; }; + + // If we actually just moused on to a sub-element, ignore it + if ( p == this ) return false; + + // Execute the right function + return (e.type == "mouseover" ? f : g).apply(this, [e]); + } + + // Bind the function to the two event listeners + return this.mouseover(handleHover).mouseout(handleHover); + }, + + /** + * Bind a function to be executed whenever the DOM is ready to be + * traversed and manipulated. This is probably the most important + * function included in the event module, as it can greatly improve + * the response times of your web applications. + * + * In a nutshell, this is a solid replacement for using window.onload, + * and attaching a function to that. By using this method, your bound function + * will be called the instant the DOM is ready to be read and manipulated, + * which is when what 99.99% of all JavaScript code needs to run. + * + * There is one argument passed to the ready event handler: A reference to + * the jQuery function. You can name that argument whatever you like, and + * can therefore stick with the $ alias without risk of naming collisions. + * + * Please ensure you have no code in your <body> onload event handler, + * otherwise $(document).ready() may not fire. + * + * You can have as many $(document).ready events on your page as you like. + * The functions are then executed in the order they were added. + * + * @example $(document).ready(function(){ Your code here... }); + * + * @example jQuery(function($) { + * // Your code using failsafe $ alias here... + * }); + * @desc Uses both the [[Core#.24.28_fn_.29|shortcut]] for $(document).ready() and the argument + * to write failsafe jQuery code using the $ alias, without relying on the + * global alias. + * + * @name ready + * @type jQuery + * @param Function fn The function to be executed when the DOM is ready. + * @cat Events + * @see $.noConflict() + * @see $(Function) + */ + ready: function(f) { + // If the DOM is already ready + if ( jQuery.isReady ) + // Execute the function immediately + f.apply( document, [jQuery] ); + + // Otherwise, remember the function for later + else + // Add the function to the wait list + jQuery.readyList.push( function() { return f.apply(this, [jQuery]); } ); + + return this; + } +}); + +jQuery.extend({ + /* + * All the code that makes DOM Ready work nicely. + */ + isReady: false, + readyList: [], + + // Handle when the DOM is ready + ready: function() { + // Make sure that the DOM is not already loaded + if ( !jQuery.isReady ) { + // Remember that the DOM is ready + jQuery.isReady = true; + + // If there are functions bound, to execute + if ( jQuery.readyList ) { + // Execute all of them + jQuery.each( jQuery.readyList, function(){ + this.apply( document ); + }); + + // Reset the list of functions + jQuery.readyList = null; + } + // Remove event listener to avoid memory leak + if ( jQuery.browser.mozilla || jQuery.browser.opera ) + document.removeEventListener( "DOMContentLoaded", jQuery.ready, false ); + + // Remove script element used by IE hack + if( !window.frames.length ) // don't remove if frames are present (#1187) + jQuery(window).load(function(){ jQuery("#__ie_init").remove(); }); + } + } +}); + +new function(){ + + /** + * Bind a function to the scroll event of each matched element. + * + * @example $("p").scroll( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name scroll + * @type jQuery + * @param Function fn A function to bind to the scroll event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the submit event of each matched element. + * + * @example $("#myform").submit( function() { + * return $("input", this).val().length > 0; + * } ); + * @before
+ * @desc Prevents the form submission when the input has no value entered. + * + * @name submit + * @type jQuery + * @param Function fn A function to bind to the submit event on each of the matched elements. + * @cat Events + */ + + /** + * Trigger the submit event of each matched element. This causes all of the functions + * that have been bound to that submit event to be executed, and calls the browser's + * default submit action on the matching element(s). This default action can be prevented + * by returning false from one of the functions bound to the submit event. + * + * Note: This does not execute the submit method of the form element! If you need to + * submit the form via code, you have to use the DOM method, eg. $("form")[0].submit(); + * + * @example $("form").submit(); + * @desc Triggers all submit events registered to the matched form(s), and submits them. + * + * @name submit + * @type jQuery + * @cat Events + */ + + /** + * Bind a function to the focus event of each matched element. + * + * @example $("p").focus( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name focus + * @type jQuery + * @param Function fn A function to bind to the focus event on each of the matched elements. + * @cat Events + */ + + /** + * Trigger the focus event of each matched element. This causes all of the functions + * that have been bound to thet focus event to be executed. + * + * Note: This does not execute the focus method of the underlying elements! If you need to + * focus an element via code, you have to use the DOM method, eg. $("#myinput")[0].focus(); + * + * @example $("p").focus(); + * @before

Hello

+ * @result alert('Hello'); + * + * @name focus + * @type jQuery + * @cat Events + */ + + /** + * Bind a function to the keydown event of each matched element. + * + * @example $("p").keydown( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name keydown + * @type jQuery + * @param Function fn A function to bind to the keydown event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the dblclick event of each matched element. + * + * @example $("p").dblclick( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name dblclick + * @type jQuery + * @param Function fn A function to bind to the dblclick event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the keypress event of each matched element. + * + * @example $("p").keypress( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name keypress + * @type jQuery + * @param Function fn A function to bind to the keypress event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the error event of each matched element. + * + * @example $("p").error( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name error + * @type jQuery + * @param Function fn A function to bind to the error event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the blur event of each matched element. + * + * @example $("p").blur( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name blur + * @type jQuery + * @param Function fn A function to bind to the blur event on each of the matched elements. + * @cat Events + */ + + /** + * Trigger the blur event of each matched element. This causes all of the functions + * that have been bound to that blur event to be executed, and calls the browser's + * default blur action on the matching element(s). This default action can be prevented + * by returning false from one of the functions bound to the blur event. + * + * Note: This does not execute the blur method of the underlying elements! If you need to + * blur an element via code, you have to use the DOM method, eg. $("#myinput")[0].blur(); + * + * @example $("p").blur(); + * @before

Hello

+ * @result alert('Hello'); + * + * @name blur + * @type jQuery + * @cat Events + */ + + /** + * Bind a function to the load event of each matched element. + * + * @example $("p").load( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name load + * @type jQuery + * @param Function fn A function to bind to the load event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the select event of each matched element. + * + * @example $("p").select( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name select + * @type jQuery + * @param Function fn A function to bind to the select event on each of the matched elements. + * @cat Events + */ + + /** + * Trigger the select event of each matched element. This causes all of the functions + * that have been bound to that select event to be executed, and calls the browser's + * default select action on the matching element(s). This default action can be prevented + * by returning false from one of the functions bound to the select event. + * + * @example $("p").select(); + * @before

Hello

+ * @result alert('Hello'); + * + * @name select + * @type jQuery + * @cat Events + */ + + /** + * Bind a function to the mouseup event of each matched element. + * + * @example $("p").mouseup( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name mouseup + * @type jQuery + * @param Function fn A function to bind to the mouseup event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the unload event of each matched element. + * + * @example $("p").unload( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name unload + * @type jQuery + * @param Function fn A function to bind to the unload event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the change event of each matched element. + * + * @example $("p").change( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name change + * @type jQuery + * @param Function fn A function to bind to the change event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the mouseout event of each matched element. + * + * @example $("p").mouseout( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name mouseout + * @type jQuery + * @param Function fn A function to bind to the mouseout event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the keyup event of each matched element. + * + * @example $("p").keyup( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name keyup + * @type jQuery + * @param Function fn A function to bind to the keyup event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the click event of each matched element. + * + * @example $("p").click( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name click + * @type jQuery + * @param Function fn A function to bind to the click event on each of the matched elements. + * @cat Events + */ + + /** + * Trigger the click event of each matched element. This causes all of the functions + * that have been bound to thet click event to be executed. + * + * @example $("p").click(); + * @before

Hello

+ * @result alert('Hello'); + * + * @name click + * @type jQuery + * @cat Events + */ + + /** + * Bind a function to the resize event of each matched element. + * + * @example $("p").resize( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name resize + * @type jQuery + * @param Function fn A function to bind to the resize event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the mousemove event of each matched element. + * + * @example $("p").mousemove( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name mousemove + * @type jQuery + * @param Function fn A function to bind to the mousemove event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the mousedown event of each matched element. + * + * @example $("p").mousedown( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name mousedown + * @type jQuery + * @param Function fn A function to bind to the mousedown event on each of the matched elements. + * @cat Events + */ + + /** + * Bind a function to the mouseover event of each matched element. + * + * @example $("p").mouseover( function() { alert("Hello"); } ); + * @before

Hello

+ * @result

Hello

+ * + * @name mouseover + * @type jQuery + * @param Function fn A function to bind to the mousedown event on each of the matched elements. + * @cat Events + */ + jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," + + "mousedown,mouseup,mousemove,mouseover,mouseout,change,select," + + "submit,keydown,keypress,keyup,error").split(","), function(i,o){ + + // Handle event binding + jQuery.fn[o] = function(f){ + return f ? this.bind(o, f) : this.trigger(o); + }; + + }); + + // If Mozilla is used + if ( jQuery.browser.mozilla || jQuery.browser.opera ) + // Use the handy event callback + document.addEventListener( "DOMContentLoaded", jQuery.ready, false ); + + // If IE is used, use the excellent hack by Matthias Miller + // http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_revisited + else if ( jQuery.browser.msie ) { + + // Only works if you document.write() it + document.write("<\/script>"); + + // Use the defer script hack + var script = document.getElementById("__ie_init"); + + // script does not exist if jQuery is loaded dynamically + if ( script ) + script.onreadystatechange = function() { + if ( document.readyState != "complete" ) return; + jQuery.ready(); + }; + + // Clear from memory + script = null; + + // If Safari is used + } else if ( jQuery.browser.safari ) + // Continually check to see if the document.readyState is valid + jQuery.safariTimer = setInterval(function(){ + // loaded and complete are both valid states + if ( document.readyState == "loaded" || + document.readyState == "complete" ) { + + // If either one are found, remove the timer + clearInterval( jQuery.safariTimer ); + jQuery.safariTimer = null; + + // and execute any waiting functions + jQuery.ready(); + } + }, 10); + + // A fallback to window.onload, that will always work + jQuery.event.add( window, "load", jQuery.ready ); + +};