Multiple functions on window.onload

[lilOlMe]

Hi there!

I'm developing some crazy Tab Control in .NET that uses JavaScript.

A particular JavaScript method needs to be called during the window.onload event in order to initialize my Tab Control.

The thing is that there can be more than one Tab Control on the page....and each one must be initialized during the window.onload event.

Adding the JavaScript function call responsible for initializing a particular Tab Control to the function that the window.onload calls is impossible using .NET (I've tried to do this for 4 days now...)

For Example:
This is not possible to do from a .NET standpoint:

 
<script type="text/javascript">
<!--
window.onload = function() {
 
/*This Is Not Possible*/
eval(TabControl1_intializeTabbedControls());
eval(TabControl2_intializeTabbedControls());
eval(TabControl3_intializeTabbedControls());
/*.....................*/
}// -->
</script>
 

This is possible to do from a .NET standpoint but obviously won't work in javascript:

<script type="text/javascript">
<!--window.onload = function() {eval(TabControl1_intializeTabbedControls());}//-->
</script>
 
<script type="text/javascript">
<!--window.onload = function() {eval(TabControl2_intializeTabbedControls());}//-->
</script>
 
<script type="text/javascript">
<!--window.onload = function() {eval(TabControl3_intializeTabbedControls());}//-->
</script>
 

Basically I'd like to call the window.onload more than once...but this isn't possible...so I'm open to any other suggestions...

Does anyone have any suggestions on how to do this?

Thanks for your time

-lilolme

[acoder]

Try using addEventListene r (W3C standard) and attachEvent (IE). See this article (the events part). Also see this link for an explanation.

PS. changed the thread title slightly.

[lilOlMe]

Try using addEventListene r (W3C standard) and attachEvent (IE). See this article (the events part). Also see this link for an explanation.

PS. changed the thread title slightly.

Acoder, you're a lifesaver!!
Thank you so much for that quicksmode link!
You've helped me immensely!
Every thing's working well in browsers that are not IE :):)

IE will load the page properly ...except that for some reason I'm getting a "Type Mismatch" error. The line number that IE says the error occur on just contains a <tr>...and the vagueness of the error is not helping me at all.

<script type="text/javascript">
<!--
if(window.attachEvent){
    window.attachEvent("onload",TabControl1_intializeTabbedControls());
}else{    
    window.addEventListener("load",TabControl1_intializeTabbedControls(),false);
}
// -->
</script>
 
<script type="text/javascript">
<!--
if(window.attachEvent){
    window.attachEvent("onload",TabControl2_intializeTabbedControls());
}else{   
    window.addEventListener("load",TabControl2_intializeTabbedControls(),false);
}
// -->
</script>
 

Do you have any insight as to why this might be occurring?
Thank you for being so patient with me :) JavaScript is not one of my strong points.

-LilOlMe

[acoder]

Remove the parentheses when attaching/adding event listeners:

if(window.attachEvent){
    window.attachEvent("onload",TabControl1_intializeTabbedControls);
}else{   
    window.addEventListener("load",TabControl1_intializeTabbedControls,false);
}

If that doesn't work, show the code for the tab control function.

[lilOlMe]

Remove the parentheses when attaching/adding event listeners:

if(window.attachEvent){
    window.attachEvent("onload",TabControl1_intializeTabbedControls);
}else{   
    window.addEventListener("load",TabControl1_intializeTabbedControls,false);
}

If that doesn't work, show the code for the tab control function.

Thanks Again!

I removed the () and everything works perfectly now :)

Wish I had asked my question earlier!


-LilOlMe

[acoder]

Glad you got it working. Post again anytime should you hit some problem.