Register to reply

Multiple onload (js)

by Mattara
Tags: multiple, onload
Share this thread:
Mattara
#1
Apr4-06, 02:37 PM
P: 398
I have a certain service on an ISP. Im having a few minor "hang" problems on page load.

Im assuming this is because both have "onload" calls, as do other modifications I'm using, and this "hang" is cause by the codes all loading at once?

I want to set the different mods to load in sequence instead by using a delay. E.G.

<BODY onLoad="javascript:alert('First Action');alert('Second Action');">

but im not sure how to go about it. If I listed the "onload" function of each modification I use, could somebody who knows what they are doing work out a code like above to specification for me and tell me where to put it?
(i presume css inline/ head tags equivalent?)

I.E

1 load "item one"
2 load "item two"
3 load "some other thing"

maybe something like this in an external js (but put where?)

CODEfunction start() {
function1();
function2();
function3();
}
window.onload = start;


Brainpower appreciated,
Phys.Org News Partner Science news on Phys.org
World's largest solar boat on Greek prehistoric mission
Google searches hold key to future market crashes
Mineral magic? Common mineral capable of making and breaking bonds
chroot
#2
Apr4-06, 03:39 PM
Emeritus
Sci Advisor
PF Gold
chroot's Avatar
P: 10,429
Couldn't you just define a JavaScript function inside a script tag in the header, then call that function from your onLoad event?

- Warren
-Job-
#3
Apr5-06, 12:31 AM
Sci Advisor
-Job-'s Avatar
P: 1,132
I'm confused as to what you want to do. The idea that i have is that all you want to do is load a number functions in sequence, but what is the difficulty in this? The code you posted, with the function start(), would accomplish this. Just copy the code from each of your onloads and place them inside functions defined in the html head, then call that function onload, like:

<html>
<head>
<script language="javascript">
function func1(){
	//the code for your first onload here
	alert("func1");
}
function func2(){
	//the code for your second onload here
	alert("func2");
}
function func3(){
	//the code for your third onload here
	alert("func3");
}
function start(){
	func1();
	func2();
	func3();
}
</script>
</head>
<body onload="start()">
</body>
</html>
But this is pretty much the same as you posted, so i can't see what is exactly challenging you at this point. Do you want a timer delay between the function calls? Do you want to avoid placing the onloads inside functions?

Mattara
#4
Apr5-06, 12:33 PM
P: 398
Multiple onload (js)

Quote Quote by -Job-
Do you want a timer delay between the function calls?
Quote Quote by Mattara
I want to set the different mods to load in sequence instead by using a delay.
That is what I have in mind, but I'm not sure on how to accomplish it..
-Job-
#5
Apr5-06, 05:07 PM
Sci Advisor
-Job-'s Avatar
P: 1,132
Then use setTimeout to implement a delay between function calls. Nothing very complex, like:
<html>
<head>
<script language="javascript">
function func1(){
	alert("func1");
}
function func2(){
	alert("func2");
}
function func3(){
	alert("func3");
}
var counter = 1;
function delayedCall(){
	this["func"+counter++]();
	if(counter<4){
		setTimeout("delayedCall()", 1000);
	}
}
window.onload = delayedCall;
</script>
</head>
<body>
</body>
</html>
myfcr
#6
Jan1-09, 09:48 PM
P: 1
Just use toload_a('Script name'); to add functions in toload_e(). toload_e() will start on the page load.
<html>
<head>
<script language="javascript">
function duytr(){
	alert("func1");
}
function treda(){
	alert("func2");
}
function fregt(){
	alert("func3");
}


toloadfunc=new Array();
function toload_a(funcname){
	toloadfunc[toloadfunc.length]=funcname;
}
toload_a('duytr');
toload_a('treda');
toload_a('fregt');

function toload_e(){
	if(toloadfunc){
		for(var index = 0; index < toloadfunc.length; index++)
		{
		this[toloadfunc[index]]();
		}
	}
}
window.onload = toload_e;
</script>
</head>
<body>
</body>
</html>
harborsparrow
#7
Jan6-09, 09:05 AM
PF Gold
harborsparrow's Avatar
P: 347
myfcr has it right (above). Each browser tends to load Javascript files and subroutines that are declared in the page header in a different (unpredictable) order, so you need to consolidate calls to each individual subroutine in one 'onload' subroutine, cause a delay at the top of the 'onload' subroutinet in order to let all the rest of them get loaded into memory, and then let the individual subroutines get called in the order you want.

You'll need to test it in several different browsers and on slower machines to make sure it works in all cases.


Register to reply

Related Discussions
Multiple couples Mechanical Engineering 1
Zero a multiple of 5? General Math 2
Multiple springs Introductory Physics Homework 2
Multiple integrals Calculus & Beyond Homework 4
ARGH. Multiple multiple choice Introductory Physics Homework 6