onLoad events

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|432\|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
SoCoder -> Snippet Home -> Website Development

JL235	Created : 21 July 2010 Language : Java onLoad events a bit more durable then using the onLoad function
On HTML pages you can use the onLoad attribute on tags to have code run after the tag is complete. This can be inconvenient on complex sites and especially ones built across multiple files. This avoids having to manually tie your JavaScript to various onLoad attributes. This is JavaScript code you import or place in your page and then from any section of JavaScript you can call 'addOnLoad' and pass in a function which will be run when the page has finished loading. Code: var __onLoadFuns = []; /** * Adds the no-arg function given to be called when * the window has finished loading. * * @param fun A no-args function to be called when the window has finished loading. */ function addOnLoad( fun ) { if ( (typeof window.onload) != 'function' ) { window.onload = function() { for ( var i = 0; i < __onLoadFuns.length; i++ ) { __onLoadFuns[ i ](); } } } __onLoadFuns.push( fun ); } --v Example usage: addOnLoad( function() { // my on load code } ); --v

Comments

Comments