Comments for Managing Multiple Javascript window.onload Functions

I needed this exact fix and so far, on IE7 and FF2 on PC, it seems to work. Thanks!

This makes a world of difference when including variable components into an application! Thank you :)

How does using onload=" ... " affect this code?

Thanks lobo235!
BTW Sometimes not all functions are available on each page. Then:

for (var i = 0;i < woms.length;i++)
if (typeof woms[i] == 'function')
eval(woms[i]);

Right?

Hey lobo235,

btw, the best way to do this is
document.addEventListener("DOMContentLoaded", load1_func, false);
document.addEventListener("DOMContentLoaded", load2_func, false);
document.addEventListener("DOMContentLoaded", load3_func, false);

etc... You can sprinkle them anywhere you like across as many files you want. No overhead. Except you have to handle IE ina special way!

Just a thought!

Hey!

That is a fantastic way to deal with multiple handlers. I think that I can put this to use for other events as well as the onload!

Out of curiosity, is there any difference between the following two code snippets?

Snippet #1

<script type="text/javascript">
     window.onload = function() {
         alert('Just a quick test');
     }
</script>

Snippet #2

<script type="text/javascript">
     alert('Just a quick test');
</script>

If these are identical, is it even necessary to use the window.onload event handler? Or are there any added benefits of this event?

first of all many thanks for a great solution.

i am developing some apps in jooma and used your wiggly WOM for some of the 3rd party menus and javascripts i adopted.

here are some tips for other users, who may encounter the need to make some small modifications, in my case i had to as my app is large and i use womAdd all ove the place, some of them may not be required at certian pages which will lead to JS error warnings, which is not good.

so to supresss these warnings, i made a slight modification to womGo and womAdd, this works well for me all all the 3rd party js runs green.


/*************************************************************
* The womGo() function loops through the woms array and
* runs each function in the array.
*************************************************************/
function womGo(){
for(var i = 0;i < woms.length;i++)
if (woms[i]!='undefined') eval(woms[i]);
}
/*************************************************************
* The womAdd() function will add another function to the woms
* array to be run when the page loads.
*************************************************************/
function womAdd(func){
if (func !='undefined') woms[woms.length] = func;
}
/*************************************************************


there are other precautions i took even *before* calling wom, this helps as a double protection against calling inappropriate onload events.

again, many thanks for your excellent work, all credits *and* alink to this page is inserted in the credits column of the upcoming version.

cheers.

lobo235

I've NeVeR coded javascript before but after spending a few hours at netlobo I feel confident that my client's site is as they wished it to be.

It made an untidy group of .flv files look down-right professional. I'm still not a 100% sure if all is correct, but it validates and appears to be doing the trick. You can take a look by searching the site for ....seniors_music_outreach_initiative...

Thanks for saving me time, money, aggrevation and bewilderment.

Your articles: Showing and Hiding a DIV using CSS and Javascript; Showing/Hiding a DIV using the Off-Left Method; and WOM have saved me weeks of wading through an ocean of code-sloggers.

A blog entry and link will be forthcoming when something called 'time' comes my way again.

-A

Thank you!
I took your idea and used it with
document.addEventListener("load","initFunctions",false) where initFunction calls womGo().
The onload initialisation is cleaner and thanks to you, the order of the functions is guaranteed. It is also easy to set their parameters.

I don't think I've done right.
At the index page I've put the following in top:

<script type="text/javascript" src="inc/WOM.js"></script>

On my menu page that's allways includes I've put the following codes in the top:

<script type="text/javascript" src="inc/menu_tree.js"></script>
<script type="text/javascript">
	womAdd('MinitTree()');
	womOn();
</script>

menu_tree.js includes the function MinitTree().

On another page that's not allways loaded I done the same for the JS files for that page. For the womAdd in this page it looks like this:

womAdd('MinitTree()');

Greetings,
Im a PHP programmer and i use the cake php framework. I just wanted to let you know this is exactly what i needed for my designer to be able to add JS with out messing with my code. Thank you very much.

Thanks for your article. I have a question:

What's the difference between WOM and body.onload?
For example:
<script type="text/javascript">
womAdd('func1');
womAdd('func2');
womAdd('func3');
womOn();
</script>

<body onLoad="func1(); func2();func3();">

Thanks,
Cecilia

I am a newbie to Java scripting.....
I am developing a website, and i have 3 load events. When i use your script, i am able to load only 2 of those events...My 3rd always does not load. Check the web page at
http://ez-host2.com/tp40/page.asp?ID=194266#

Any help will be appreciated.

Thanks,
Jerry

Great script and just what I needed. For anyone looking to load multiple scriptalicious effects WOM works wonderfully.

Many thanks for sharing this.

Tested in IE8, FF3 and Opera9. Runs fine. Good job. Thanks

Hi there, great idea and piece of code here!

I'm just wondering under which license you are distributing it, i want to use it in a GPL code and i need to know precisely the terms of use.

Seems lgpl to me, but its your decision.

Thanks in advance!

Great, but then you should mention it in the header.
This way everybody knows the terms, even if it founds the code at other source (i did it that way) . I'll be waiting for that to copy the exact notice in my code.

Thanks again.

Hi, this may sound like a stupid question, but I know nothing about scripting, all I know is HTML and CSS.

My question is, what do you do once you have created the WOM.js file and linked it to the html document that has multiple Javascript documents that conflict?

Thanks a lot !!

Many thanks for this simple, elegant workaround for complex onload environments.