PDA

View Full Version : Multiple Onload Problem Using 2 Scripts



NGJ
03-30-2011, 10:06 AM
Hi
I need to get two scripts working together which both use the 'onload' event.

The 2 scripts are:



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


the external file (tabbed_pages.js) is.....



/* ================================================================
This copyright notice must be untouched at all times.

The original version of this script and the associated (x)html
is available at http://www.stunicholls.com/various/tabbed_pages.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */


onload = function() {
var e, i = 0;
while (e = document.getElementById('gallery').getElementsByTagName ('DIV') [i++]) {
if (e.className == 'on' || e.className == 'off') {
e.onclick = function () {
var getEls = document.getElementsByTagName('DIV');
for (var z=0; z<getEls.length; z++) {
getEls[z].className=getEls[z].className.replace('show', 'hide');
getEls[z].className=getEls[z].className.replace('on', 'off');
}
this.className = 'on';
var max = this.getAttribute('title');
document.getElementById(max).className = "show";
}
}
}
}





and :




<script type="text/javascript">
window.onload = function() {
setupDependencies('weboptions');
};
</script>


which calls from:


<script src="FormManager.js">
/****************************************************
* Form Dependency Manager- By Twey- http://www.twey.co.uk
* Visit Dynamic Drive for this script and more: http://www.dynamicdrive.com
****************************************************/
</script>


this is the Form Dependency Manager by Twey (http://www.dynamicdrive.com/dynamicindex16/formdependency.htm)


Can anyone help please?

Thank you! :confused:

vwphillips
03-30-2011, 11:20 AM
just have one onload function



onload = function() {
setupDependencies('weboptions');
var e, i = 0;
while (e = document.getElementById('gallery').getElementsByTagName ('DIV') [i++]) {
if (e.className == 'on' || e.className == 'off') {
e.onclick = function () {
var getEls = document.getElementsByTagName('DIV');
for (var z=0; z<getEls.length; z++) {
getEls[z].className=getEls[z].className.replace('show', 'hide');
getEls[z].className=getEls[z].className.replace('on', 'off');
}
this.className = 'on';
var max = this.getAttribute('title');
document.getElementById(max).className = "show";
}
}
}
}

NGJ
03-30-2011, 11:37 AM
Thanks Vic!
:cool: