combining two peaces of code

big-dog

Is there a way to make the top script Scroll bar color mod on IFrame work with the bottom one Monthly iframe content II they both work seperatly but I cant figure out how to get the top one to pick up on the iframe created by the 2nd.

<html>
<head>
<title></title>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="imagetoolbar" content="no">
/***********************************************
* Scroll bar color mod on IFrame
***********************************************/
<script type="text/javascript">

window.onload = function(){
if (!window.attachEvent||!document.fireEvent)
return;
ifr();
var iframeElements = {
a:document.getElementsByName('iframeprops')[0],
};
for (var i in iframeElements)
iframeElements[i].attachEvent('onload', ifr);
}
var ifr = function(){
var iecompattest = function(docObj){
return docObj.compatMode && docObj.compatMode!="BackCompat"? docObj.body.parentNode : docObj.body;
}
	var iframeDocs = {
	a:iecompattest(document.frames['iframeprops'].document),
	};
	for (var i in iframeDocs){
		with (iframeDocs[i].style){
			scrollbarArrowColor='#294B64';
			scrollbarBaseColor='#EBF5FF';
			scrollbarDarkShadowColor='#5A89AB';
			scrollbarTrackColor='#88B8DE';
			scrollbarFaceColor='#9bc7e9';
			scrollbarShadowColor='#78ABD4';
			scrollbarHighlightColor='#EBF5FF';
			scrollbar3dLightColor='#78AAFF';
		}
	}
}

</script>
<style type="text/css">
 body {
  background-color: #88B8DE;
 }
</style>
</head>
<script type="text/javascript">
/***********************************************
* Monthly iframe content II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use. Modified for Months by jscheuer1
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var ie=document.all
var dom=document.getElementById

//Specify IFRAME display attributes
var iframeprops= 'width=100% height=100% marginwidth="5" marginheight="5" hspace="0" vspace="0" frameborder="0"'

//Specify 12 URLs to display inside iframe, one for each month of the year
var mnthcontent=new Array()
mnthcontent[1]="1.htm"
mnthcontent[2]="2.htm"
mnthcontent[3]="3.htm"
mnthcontent[4]="4.htm"
mnthcontent[5]="5.htm"
mnthcontent[6]="6.htm"
mnthcontent[7]="7.htm"
mnthcontent[8]="8.htm"
mnthcontent[9]="9.htm"
mnthcontent[10]="10.htm"
mnthcontent[11]="11.htm"
mnthcontent[12]="12.htm"
//No need to edit after here
if (ie||dom)
document.write('<iframe id="dynstuff" src="" '+iframeprops+'><\/iframe>')

var mydate=new Date()
var myMonth=mydate.getMonth()

function monthofyear_iframe(){
if (ie||dom){
var iframeobj=document.getElementById? document.getElementById("dynstuff") : document.all.dynstuff
iframeobj.src=mnthcontent[myMonth+1]
}
}

window.onload=monthofyear_iframe
</script></body>
</html>

bpat1434

You'd need to put them in the correct order for execution. You need to create the iFrame before it will be recognized by the other functions. This should get you started in the right direction....

<html>
<head>
<title></title>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="imagetoolbar" content="no">
/***********************************************
* Scroll bar color mod on IFrame
***********************************************/
<script type="text/javascript">
/***********************************************
* Monthly iframe content II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use. Modified for Months by jscheuer1
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var ie=document.all;
var dom=document.getElementById;

//Specify IFRAME display attributes
var iframeprops= 'width=100% height=100% marginwidth="5" marginheight="5" hspace="0" vspace="0" frameborder="0"';

function init_iframe() {
	//Specify 12 URLs to display inside iframe, one for each month of the year
	var mnthcontent=new Array();
	mnthcontent[1]="1.htm";
	mnthcontent[2]="2.htm";
	mnthcontent[3]="3.htm";
	mnthcontent[4]="4.htm";
	mnthcontent[5]="5.htm";
	mnthcontent[6]="6.htm";
	mnthcontent[7]="7.htm";
	mnthcontent[8]="8.htm";
	mnthcontent[9]="9.htm";
	mnthcontent[10]="10.htm";
	mnthcontent[11]="11.htm";
	mnthcontent[12]="12.htm";
	//No need to edit after here
	if (ie||dom)
	document.write('<iframe id="dynstuff" src="" '+iframeprops+'><\/iframe>');

var mydate=new Date();
var myMonth=mydate.getMonth();
}

function monthofyear_iframe(){
	if (ie||dom){
		var iframeobj=document.getElementById? document.getElementById("dynstuff") : document.all.dynstuff
		iframeobj.src=mnthcontent[myMonth+1];
	}
}

window.onload = function(){
/* Create the iFrame First!! */
init_iframe();
monthofyear_iframe();

/* Now deal with iFrames */
if (!window.attachEvent||!document.fireEvent)
	return;
ifr();
var iframeElements = {
	a:document.getElementsByName('iframeprops')[0],
};
for (var i in iframeElements)
	iframeElements[i].attachEvent('onload', ifr);
}
var ifr = function(){
	var iecompattest = function(docObj){
		return docObj.compatMode && docObj.compatMode!="BackCompat"? docObj.body.parentNode : docObj.body;
	}
	var iframeDocs = {
		a:iecompattest(document.frames['iframeprops'].document),
	};
	for (var i in iframeDocs){
		with (iframeDocs[i].style){
			scrollbarArrowColor='#294B64';
			scrollbarBaseColor='#EBF5FF';
			scrollbarDarkShadowColor='#5A89AB';
			scrollbarTrackColor='#88B8DE';
			scrollbarFaceColor='#9bc7e9';
			scrollbarShadowColor='#78ABD4';
			scrollbarHighlightColor='#EBF5FF';
			scrollbar3dLightColor='#78AAFF';
		}
	}
}

</script>
	<style type="text/css">
	 body {
	  background-color: #88B8DE;
	 }
	</style>
</head>
<body>
</body>
</html>