JavaScript Forum

**stoot98** · 10-11-2006, 06:29 AM

Hey

I have a page that I'm trying to add a client-side validation script to (downloaded from http://www.vikaskbh.com/) it works great in the other pages i have added it to but not so in a page which already contains some JavaScript.

I think it may have something to do with both of the scripts containing an "window.onLoad" part which may conflict with each other (may be completely off but a thought...

I have experimented with the order in which the code is included and i can get both of the bits to work but just not at the same time

Is there a way in which i can combine the two onLoad pieces so they run at the same time (if this is, infact, the problem)

Ill just include the onLoad line here but ill link it incase you want to see the entire script.

Code:

var hiddenDivs = new Array();

window.onload = function() {
	//gets the all hidden divs so we can reset them all to hidden when we choose a new one
	var myDivs = document.getElementsByTagName("DIV");
	for (i=0; i<myDivs.length; i++) {
		if (myDivs[i].className == "city") {
			//hide them as we enter them into the array - if JS is on - they're hidden, and if JS is off we still see al of them
			myDivs[i].className = "hiddenCity";
			hiddenDivs.push(myDivs[i]);
		}
	}
}

Validation:

Code:

window.onload = getFormDetails;

//code omitted..
function getFormDetails()
{
	numberOfForms = document.forms.length;
	if(numberOfForms!=0)setUpValidation();
	else return;
}

Thanks a lot for any help
Stoot

Full Validate Code

**ADAM Web Design** · 10-11-2006, 10:36 AM

I fixed the one line of your "partner" script's code:

Code:

var hiddenDivs = new Array();

function getHiddenDivs() {
	//gets the all hidden divs so we can reset them all to hidden when we choose a new one
	var myDivs = document.getElementsByTagName("DIV");
	for (i=0; i<myDivs.length; i++) {
		if (myDivs[i].className == "city") {
			//hide them as we enter them into the array - if JS is on - they're hidden, and if JS is off we still see al of them
			myDivs[i].className = "hiddenCity";
			hiddenDivs.push(myDivs[i]);
		}
	}
}

Then, in your HTML:

Code:

<body onload="getFormDetails();getHiddenDivs();">

By using the onload attribute of the body tag, you can load as many functions as you want. Just be careful not to go overboard.

**stoot98** · 10-11-2006, 12:01 PM

Excellent! Works a dream...

Thanks a lot
Stoot

**seomumbai** · 10-16-2006, 04:06 AM

you can't open two functions in a window onload. be sure to call the second function in the first one and then call the first function in the onload of a window.

**ADAM Web Design** · 11:38 AM

Ummm...yes you can. You can open as many functions as you want in a body onload attribute.

Read what I posted for a solution. Not only can it be done, the answer is two posts above what you just said.

**mgraphic** · 10-16-2006, 08:35 PM

To add what Adam said, you can call as many as you want as long as you don't place a return in your calls.

**ADAM Web Design** · 10-16-2006, 08:52 PM

Sorry, that's right. I usually don't use return in my calls so I forgot about that.

**seomumbai** · 10-17-2006, 01:39 AM

I think we can't call two onload functions at the same time.

**ADAM Web Design** · 10-17-2006, 01:43 AM

Dude...look at the freakin' code I posted the first time around!
Look at how buddy said it worked for him!
Try it!

THE ANSWER IS RIGHT UNDER YOUR **** NOSE. JUST LOOK FOR IT.

Can't find it? The answer is here:

http://www.webmaster-talk.com/javasc...tml#post293998

There you go. See it? Or do you need a skywriter to figure this one out?

In other words...the answer's there, now try it for yourself or shut up about it.