...

View Full Version : loading into an iframe - break out?



intcon
12-23-2011, 04:53 AM
Hello! =)

I am using tinybox2 to make a modal window, which now I have loading correctly. =) thank you!
the modal window loads as an iframe, but I have two image links inside the modal window. One I'd like to open in a new window (i got that one!), the other image I'd like to be treated the same as the X button and have it close the modal window.

this is the body onload in the main document
<body onload="TINY.box.show({iframe:'modal.html',boxid:'frameless',width:750,height:450,fixed:false,maskid:'bluema sk',maskopacity:70,closejs:function(){closeJS()}})">
<script language="JavaScript1.2">mmLoadMenus();</script>

these are two lines for closing in the CSS file

.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

Thanks once again in advance!

carrie

chump2877
12-23-2011, 05:24 AM
Here is one way to do it (you can style the button with CSS):

index.html

<?xml version="1.1" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>TITLE</title>
</head>
<body>

<iframe id="modalWin" src="modal.html"></iframe>

</body>
</html>

modal.html

<?xml version="1.1" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>TITLE</title>
</head>
<body>

Modal Window content<br />
<input type="button" value="Close modal window." onclick="closeModalWin();" />
<script type="text/javascript">
function closeModalWin()
{
parent.document.getElementById('modalWin').style.display = 'none';
}
</script>

</body>
</html>

intcon
12-23-2011, 05:29 AM
Thanks RJ! I'll give it a shot as soon as I get the cat out of my computer chair! =)

intcon
12-23-2011, 04:13 PM
yikes. Obviously I'm doing that wrong. I ended up with the modal window and underneath it another iframe in the main page. Sorry, most of it is due to my absolute cluelessness. Sorry again, I don't know how to take the CSS code and apply it to my image via CSS. sigh. =) I'll work on it this weekend, see if I can extend my knowledge base!
Thanks for your efforts!

carrie

chump2877
12-23-2011, 05:20 PM
Example of styling button like an image:

index.html

<?xml version="1.1" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>TITLE</title>
<style type="text/css">
#modalWin
{
width:400px;
height:175px;
}
</style>
</head>
<body>

<iframe id="modalWin" src="modal.html"></iframe>

</body>
</html>

modal.html

<?xml version="1.1" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>TITLE</title>
<style type="text/css">
#imgButton
{
background:url('http://www.codingforums.com/img/logo.gif');
border:1px solid #000;
width:361px;
height:67px;
cursor:pointer;
}
</style>
</head>
<body>

<p>Modal Window content</p>
<p><input id="imgButton" type="button" vlaue="" onclick="closeModalWin();" title="Close modal window" /></p>

<script type="text/javascript">
function closeModalWin()
{
parent.document.getElementById('modalWin').style.display = 'none';
}
</script>

</body>
</html>

This is an example of how this could work. If you put the 2 files in a directory and open index.html in a browser, you will see that it works.

I couldn't tell you exactly how to integrate these principles with tinybox2, as I have no familiarity with that javascript library. The integration is an exercise that I leave up to you :)

intcon
12-23-2011, 11:09 PM
Thanks so much RJ! This is just brilliant work. =) I'll give it a shot again later this evening and see if I can make it work. I appreciate your taking the time with me!

carrie

intcon
12-25-2011, 08:22 PM
Two days later, she come dragging her butt back into the room. :(

Ok...here's what happened. =) I set it up just as above, and it inserted a frame inside the index page above all of the other content, but the iframe did disappear when i clicked the image, although the image turned into a sunken button? however, then I lost all the cool effects from the modal window, which are vital.

So, here's what I have, and nope, it doesn't work....I know I'm crossing various styles and am not using the modal win correctly, but cannot figure where to put the iframe ID at to call it modal win? or are my problems worse than that? =)

Index page:


<body onload="TINY.box.show({"iframe:'modal.html',boxid:'frameless',width:750,height:450,fixed:false,maskid:'bluemask',maskopacity :70,closejs:function(){closeJS()}})">


modal window css style


#replacement-1 {
width: 134px;
height: 125px;
margin: 0;
padding: 0;
border: 0;
background: transparent url(http://monarchcottages.com/kpltd/kp.jpg) no-repeat center top;
text-indent: -1000em;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}

modal window coding for image:



<td width="26%"><div align="center"><input id="replacement-1" type="button" value="" onclick="closeModalWin();" /></div></td>


modal window javascript:


<script type="text/javascript">
function closeModalWin()
{
parent.document.getElementById('modalWin').style.display = 'none';
}
</script>

chump2877
12-26-2011, 12:37 PM
Can you paste "all" code from the index and modal window files here? Or can you upload the files online somewhere and give me a link? I really need to see everything (exactly as you see it) to know what I'm dealing with...

intcon
12-26-2011, 04:42 PM
thanks RJ....I'm close....it's just the window closing that's eluding me!

chump2877
12-27-2011, 06:36 AM
This worked for me in Firefox and IE (again, the example demonstrates the basic principle):

index.html

<?xml version="1.1" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>TITLE</title>
<style type="text/css">
body {font:12px/1.4 Verdana,Arial; background:#eee; height:100%; margin:25px 0; padding:0}
h1 {font:30px 'Trebuchet MS',Verdana; margin:0}
h2 {font-size:12px; font-weight:normal; font-style:italic; margin:0 0 20px}
p {margin:0 0 14px}
ul {margin:0; padding-left:20px}
#testdiv {width:600px; margin:0px auto; border:1px solid #ccc; padding:20px 25px 12px; background:#fff}
ul {list-style:none; margin-bottom:12px; padding:0}
li {font:14px Georgia,Verdana; margin-bottom:4px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
li:hover {border:1px solid #bbb; background:#e3e3e3}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#ffffff}
#frameless {padding:0}
#frameless .tclose {left:6px}
</style>
<script type="text/javascript" src="tinybox2/tinybox2/tinybox.js"></script>
<script type="text/javascript">
function configureModalWin()
{
if (document.getElementById('frameless'))
{
var modalIframe = document.getElementById('frameless').getElementsByTagName('iframe')[0];
modalIframe.id = "modalIframe";
var iframeDom = modalIframe.contentDocument || document.frames[modalIframe.id].document;
var imgButClose = iframeDom.getElementById('imageButClose').getElementsByTagName('img')[0];
imgButClose.onclick = TINY.box.hide;
}
}

window.onload = function()
{
TINY.box.show({iframe:'modal.html',boxid:'frameless',width:750,height:450,fixed:false,maskid:'bluema sk',maskopacity:70,openjs:function(){configureModalWin()}});
};
</script>
</head>
<body>

<p>Some body content on the Main Page.</p>

</body>
</html>

modal.html

<?xml version="1.1" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>TITLE</title>
<style type="text/css">
#imageButClose img
{
cursor:pointer;
border:0;
}
</style>
</head>
<body>

<p>Modal Window content</p>
<div id="imageButClose"><img src="http://monarchcottages.com/kpltd/kp.jpg" alt="" title="Click to close." /></div>

</body>
</html>

So when the modal window finishes loading (on window.onload), the configureModalWin() function is called per the 'openjs' callback parameter of TINY.box.show(). The configureModalWin() function then attaches a click event handler to the image button that closes the modal window.

TinyBox is pretty nice for what it does, but the documentation could be a little better. :rolleyes:

intcon
12-27-2011, 03:14 PM
eeeeeeeee!!!!!!!!!!!!!!!!!!!!!!!!!! it works!!!!!!!!!!!!!!! lol.....thank you thank you thank you! I must have tried 30 different scripts until I was dizzy with open/close/fade.....thank you for sticking with me!!!!

intcon
12-27-2011, 04:06 PM
oops, one more question? =)
The little slideshow I have on the right hand side has an onload function too

window.onload=function(){

//preload images into browser
preloadSlide();

//set the first slide
SetSlide(0);

//autoplay
PlaySlide();
}
which then doesn't load, as the modal window does...this isn't a HUGE deal, because they can hit the play button on the slideshow to make it work....but is it possible to have the slideshow start when the modal window closes or at the same time the body loads? or is that too many things happening at once...?

chump2877
12-27-2011, 10:02 PM
The easiest approach here is to combine the 2 window.onload handlers into one (because you can only have one event handler for window.onload), and then set the 'closejs' callback function of your TINY.box.show() call to PlaySlide(), for example (I haven't tested this):



<?xml version="1.1" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="tinybox.js"></script>

<title>Kuehl and Payer Ltd., Engineering, environmental solutions, recreational enhancements</title>
<meta name="keywords" content="Kuehl and Payer,engineers,engineer,Storm Lake,Algona,Sac City,Iowa,IA,recreation,pools,environmental solutions,transportation,engineering,highways,valve exercising,governmental services,drainage,storm water,wetlands,waste water" />
<meta name="description" content="Animal waste facilities, transportation (streets, highways, bridges, and airport facilities), water and wastewater operations, agricultural and urban drainage, recreational facilities (aquatic parks, ball fields, skateboard parks, trails, etc.), boundary and ALTA surveys are all design services that are available to the clients of Kuehl and Payer, Ltd. Management and various governmental consulting services are additional services provided by our staff members." />
<script language="JavaScript1.2">
function alert() {}
</script>
<link href="kpltd.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="style.css" />
<!-- configurable script -->

<script type="text/javascript">
theimage = new Array();


// The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4.
// Format: theimage[...]=[image URL, link URL, name/description]
theimage[0]=["fp1.jpg", "", "Odebolt Water Tower"];
theimage[1]=["fp2.jpg", "", "Albia Aquatic Center"];
theimage[2]=["fp3.jpg", "", "New Water Line Installation"];
theimage[3]=["fp4.jpg", "", "Clear Lake Aquatic Center"];

///// Plugin variables

playspeed=3000;// The playspeed determines the delay for the "Play" button in ms
//#####
//key that holds where in the array currently are
i=0;


//###########################################
window.onload=function(){

TINY.box.show({iframe:'modal.html',boxid:'frameless',width:750,height:450,fixed:false,maskid:'bluema sk',maskopacity:70,closejs:function(){PlaySlide()},openjs:function(){configureModalWin()}});

//preload images into browser
preloadSlide();

//set the first slide
SetSlide(0);
};

//###########################################
function SetSlide(num) {
//too big
i=num%theimage.length;
//too small
if(i<0)i=theimage.length-1;

//switch the image
document.images.imgslide.src=theimage[i][0];

//if they want name of current slide
document.getElementById('slidebox').innerHTML=theimage[i][2];

}


//###########################################
function PlaySlide() {
if (!window.playing) {
PlayingSlide(i+1);
if(document.slideshow.play){
document.slideshow.play.value=" Stop ";
}
}
else {
playing=clearTimeout(playing);
if(document.slideshow.play){
document.slideshow.play.value=" Play ";
}
}
// if you have to change the image for the "playing" slide
if(document.images.imgPlay){
setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);
imgStop=document.images.imgPlay.src
}
}


//###########################################
function PlayingSlide(num) {
playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed);
}


//###########################################
function preloadSlide() {
for(k=0;k<theimage.length;k++) {
theimage[k][0]=new Image().src=theimage[k][0];
}
}


/** TinyBox callback functions **/
function configureModalWin()
{
if (document.getElementById('frameless'))
{
var modalIframe = document.getElementById('frameless').getElementsByTagName('iframe')[0];
modalIframe.id = "modalIframe";
var iframeDom = modalIframe.contentDocument || document.frames[modalIframe.id].document;
var imgButClose = iframeDom.getElementById('imageButClose').getElementsByTagName('img')[0];
imgButClose.onclick = TINY.box.hide;
}
}

</script>
<script language="JavaScript">
<!--
function mmLoadMenus() {
if (window.mm_menu_0019085301_0) return;
window.mm_menu_0019085301_0 = new Menu("root",188,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,-5,12,true,false,true,0,true,true);
mm_menu_0019085301_0.addMenuItem("Environmental","location='environmental_services.html'"); mm_menu_0019085301_0.addMenuItem("Transportation","location='transportation_services.html'"); mm_menu_0019085301_0.addMenuItem("Surveys/Development","location='surveys_services.html'"); mm_menu_0019085301_0.addMenuItem("Drainage/Stormwater","location='drainage_services.html'");
mm_menu_0019085301_0.addMenuItem("Recreation","location='recreation_services.html'");
mm_menu_0019085301_0.addMenuItem("Local&nbsp;Government&nbsp;Services","location='government_services.html'"); mm_menu_0019085301_0.addMenuItem("Water/Wastewater&nbsp;Operations","location='water_wasterwater_services.html'");
mm_menu_0019085301_0.addMenuItem("Animal&nbsp;Facilities","location='animal_services.html'");
mm_menu_0019085301_0.fontWeight="bold";
mm_menu_0019085301_0.hideOnMouseOut=true;
mm_menu_0019085301_0.menuBorder=0;
mm_menu_0019085301_0.menuLiteBgColor='#999999';
mm_menu_0019085301_0.menuBorderBgColor='#990000';
mm_menu_0019085301_0.bgColor='#990000';
window.mm_menu_0107120455_1_1 = new Menu("Environmental",444,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,0,0,true,false,true,0,true,true);
mm_menu_0107120455_1_1.addMenuItem("Municipal&nbsp;Solid&nbsp;Waste&nbsp;Landfills&nbsp;Construction&nbsp;Design&nbsp;&&nbsp;Administration","location='e_landfill_construction.html'");
mm_menu_0107120455_1_1.addMenuItem("Lost&nbsp;Island&nbsp;Lake&nbsp;N.&nbsp;of&nbsp;Ruthven,&nbsp;Iowa","location='e_lost_island.html'");
mm_menu_0107120455_1_1.addMenuItem("Water&nbsp;Main&nbsp;to&nbsp;Serve&nbsp;South&nbsp;Shore&nbsp;Storm&nbsp;Lake,&nbsp;Iowa","location='e_sl_watermain.html'");
mm_menu_0107120455_1_1.addMenuItem("Septic&nbsp;Tank&nbsp;Treatment&nbsp;System&nbsp;Restaurant&nbsp;in&nbsp;Spencer,&nbsp;IA","location='e_spencer_restaurant.html'");
mm_menu_0107120455_1_1.fontWeight="bold";
mm_menu_0107120455_1_1.hideOnMouseOut=true;
mm_menu_0107120455_1_1.bgColor='#990000';
mm_menu_0107120455_1_1.menuBorder=0;
mm_menu_0107120455_1_1.menuLiteBgColor='#999999';
mm_menu_0107120455_1_1.menuBorderBgColor='#990000';
window.mm_menu_0107120455_1_2 = new Menu("Transportation",251,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,0,0,true,false,true,0,true,true);
mm_menu_0107120455_1_2.addMenuItem("West&nbsp;Lakeshore&nbsp;Drive&nbsp;Reconstruction","location='t_lakeshoredrive_reconstruction.html'");
mm_menu_0107120455_1_2.addMenuItem("Mill&nbsp;Creek&nbsp;Bridge","location='t_millcreek_bridge.html'");
mm_menu_0107120455_1_2.fontWeight="bold";

mm_menu_0107120455_1_2.hideOnMouseOut=true;
mm_menu_0107120455_1_2.bgColor='#990000';
mm_menu_0107120455_1_2.menuBorder=0;
mm_menu_0107120455_1_2.menuLiteBgColor='#999999';
mm_menu_0107120455_1_2.menuBorderBgColor='#990000';
window.mm_menu_0107120455_1_3 = new Menu("Surveys/Development",107,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,0,0,true,false,true,0,true,true); mm_menu_0107120455_1_3.addMenuItem("129&nbsp;Staking","location='s_129_staking.html'");
mm_menu_0107120455_1_3.addMenuItem("Decline&nbsp;Ramp","location='s_decline_ramp.html'");
mm_menu_0107120455_1_3.fontWeight="bold";
mm_menu_0107120455_1_3.hideOnMouseOut=true;
mm_menu_0107120455_1_3.bgColor='#990000';
mm_menu_0107120455_1_3.menuBorder=0;
mm_menu_0107120455_1_3.menuLiteBgColor='#999999';
mm_menu_0107120455_1_3.menuBorderBgColor='#990000';
window.mm_menu_0107120455_1_4 = new Menu("Drainage/Storm&nbsp;Water",242,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,0,0,true,false,true,0,true,true);
mm_menu_0107120455_1_4.addMenuItem("Agricultural&nbsp;Drainage&nbsp;Wells&nbsp;Closures","location='d_dd176.html'");
mm_menu_0107120455_1_4.addMenuItem("Alta&nbsp;Storm&nbsp;Drainage","location='d_alta_storm_drainage.html'");
mm_menu_0107120455_1_4.addMenuItem("Onawa&nbsp;Flood&nbsp;Basin","location='d_onawa_floodbasin.html'"); mm_menu_0107120455_1_4.addMenuItem("Orleans&nbsp;Storm&nbsp;Water&nbsp;Project","location='d_orleans_stormwater.html'");
mm_menu_0107120455_1_4.fontWeight="bold";
mm_menu_0107120455_1_4.hideOnMouseOut=true;
mm_menu_0107120455_1_4.bgColor='#990000';
mm_menu_0107120455_1_4.menuBorder=0;
mm_menu_0107120455_1_4.menuLiteBgColor='#999999';
mm_menu_0107120455_1_4.menuBorderBgColor='#990000';
window.mm_menu_0107120455_1_5 = new Menu("Recreation",178,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,0,0,true,false,true,0,true,true);
mm_menu_0107120455_1_5.addMenuItem("Cherokee&nbsp;Swimming&nbsp;Pool","location='r_cherokee_pool.html'");
mm_menu_0107120455_1_5.fontWeight="bold";
mm_menu_0107120455_1_5.hideOnMouseOut=true;
mm_menu_0107120455_1_5.bgColor='#990000';
mm_menu_0107120455_1_5.menuBorder=0;
mm_menu_0107120455_1_5.menuLiteBgColor='#999999';
mm_menu_0107120455_1_5.menuBorderBgColor='#990000';
window.mm_menu_0107120455_1_6 = new Menu("Local&nbsp;Government&nbsp;Services",250,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,0,0,true,false,true,0,true,true); mm_menu_0107120455_1_6.addMenuItem("Municipal&nbsp;Organization&nbsp;Evaluation","location='g_coralville.html'"); mm_menu_0107120455_1_6.addMenuItem("Assessment&nbsp;of&nbsp;Public&nbsp;Safety&nbsp;Functions","location='g_shenandoah.html'");
mm_menu_0107120455_1_6.addMenuItem("City&nbsp;Manager&nbsp;Search","location='g_fort_dodge.html'");
mm_menu_0107120455_1_6.fontWeight="bold";
mm_menu_0107120455_1_6.hideOnMouseOut=true;
mm_menu_0107120455_1_6.bgColor='#990000';
mm_menu_0107120455_1_6.menuBorder=0;
mm_menu_0107120455_1_6.menuLiteBgColor='#999999';
mm_menu_0107120455_1_6.menuBorderBgColor='#990000';
window.mm_menu_0107120455_1_7 = new Menu("Water/Wastewater",258,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,0,0,true,false,true,0,true,true);
mm_menu_0107120455_1_7.addMenuItem("Water&nbsp;Waste&nbsp;Water&nbsp;Operator&nbsp;Services","location='w_operator_services.html'");
mm_menu_0107120455_1_7.fontWeight="bold";
mm_menu_0107120455_1_7.hideOnMouseOut=true;
mm_menu_0107120455_1_7.bgColor='#990000';
mm_menu_0107120455_1_7.menuBorder=0;
mm_menu_0107120455_1_7.menuLiteBgColor='#999999';
mm_menu_0107120455_1_7.menuBorderBgColor='#990000';
window.mm_menu_0107120455_1_8 = new Menu("Animal&nbsp;Facilities",188,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,0,0,true,false,true,0,true,true);
mm_menu_0107120455_1_8.addMenuItem("Eqip&nbsp;Hoop&nbsp;Building","location='a_eqip_feedlot.html'");
mm_menu_0107120455_1_8.addMenuItem("Poultry&nbsp;Laying&nbsp;Facilities","location='a_poultry_laying.html'");
mm_menu_0107120455_1_8.addMenuItem("Concrete&nbsp;Swine&nbsp;Manure&nbsp;Pit","location='a_swine_manurepit.html'");
mm_menu_0107120455_1_8.fontWeight="bold";
mm_menu_0107120455_1_8.hideOnMouseOut=true;
mm_menu_0107120455_1_8.bgColor='#990000';
mm_menu_0107120455_1_8.menuBorder=0;
mm_menu_0107120455_1_8.menuLiteBgColor='#999999';
mm_menu_0107120455_1_8.menuBorderBgColor='#990000';
window.mm_menu_0107120455_1 = new Menu("root",187,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,0,0,true,false,true,0,true,true);
mm_menu_0107120455_1.addMenuItem(mm_menu_0107120455_1_1,"location='environmental_projects.html'");
mm_menu_0107120455_1.addMenuItem(mm_menu_0107120455_1_2,"location='transportation_projects.html'");
mm_menu_0107120455_1.addMenuItem(mm_menu_0107120455_1_3,"location='surveys_projects.html'");
mm_menu_0107120455_1.addMenuItem(mm_menu_0107120455_1_4,"location='drainage_projects.html'");
mm_menu_0107120455_1.addMenuItem(mm_menu_0107120455_1_5,"location='recreation_projects.html'");
mm_menu_0107120455_1.addMenuItem(mm_menu_0107120455_1_6,"location='government_projects.html'"); mm_menu_0107120455_1.addMenuItem(mm_menu_0107120455_1_7,"location='water_wastewater_projects.html'");
mm_menu_0107120455_1.addMenuItem(mm_menu_0107120455_1_8,"location='animal_projects.html'");
mm_menu_0107120455_1.fontWeight="bold";
mm_menu_0107120455_1.hideOnMouseOut=true;
mm_menu_0107120455_1.childMenuIcon="arrows.gif";
mm_menu_0107120455_1.bgColor='#990000';
mm_menu_0107120455_1.menuBorder=0;
mm_menu_0107120455_1.menuLiteBgColor='#999999';
mm_menu_0107120455_1.menuBorderBgColor='#990000';
window.mm_menu_0019090004_1 = new Menu("root",358,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,-5,12,true,false,true,0,true,true);
mm_menu_0019090004_1.addMenuItem("Pocahontas&nbsp;Drainage&nbsp;Districts&nbsp;Improvements","location='project1.html'");
mm_menu_0019090004_1.addMenuItem("Onawa&nbsp;Drainage&nbsp;District&nbsp;Improvements","location='project2.html'");
mm_menu_0019090004_1.addMenuItem("Primghar&nbsp;Swimming&nbsp;Pool&nbsp;Improvements","location='project3.html'");
mm_menu_0019090004_1.addMenuItem("Strawberry&nbsp;Point&nbsp;Wastewater&nbsp;Lagoon&nbsp;System&nbsp;Improvements","location='project4.html'");
mm_menu_0019090004_1.addMenuItem("Spencer&nbsp;Skate&nbsp;Park","location='project5.html'");
mm_menu_0019090004_1.addMenuItem("Rock&nbsp;Rapids&nbsp;Pool&nbsp;Renovation&nbsp;","location='project6.html'");
mm_menu_0019090004_1.addMenuItem("Alta&nbsp;Storm&nbsp;Water&nbsp;Drainage&nbsp;and&nbsp;Control&nbsp;Improvement&nbsp;","location='project7.html'"); mm_menu_0019090004_1.addMenuItem("Ida&nbsp;Grove&nbsp;Municipal&nbsp;Airport&nbsp;Runway","location='project8.html'");
mm_menu_0019090004_1.addMenuItem("Innovative&nbsp;Orleans&nbsp;Iowa&nbsp;Storm&nbsp;Water&nbsp;Project","location='project9.html'");
mm_menu_0019090004_1.fontWeight="bold";
mm_menu_0019090004_1.hideOnMouseOut=true;
mm_menu_0019090004_1.menuBorder=0;
mm_menu_0019090004_1.menuLiteBgColor='#999999';
mm_menu_0019090004_1.menuBorderBgColor='#990000';
mm_menu_0019090004_1.bgColor='#990000';
window.mm_menu_0019090335_2 = new Menu("root",114,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#000000","#cccccc","#ffffff","left","middle",3,0,1000,-5,12,true,false,true,0,true,true);
mm_menu_0019090335_2.addMenuItem("About","location='about.html'");
mm_menu_0019090335_2.addMenuItem("Mission&nbsp;Statement","location='mission_statement.html'");
mm_menu_0019090335_2.addMenuItem("Offices","location='offices.html'");
mm_menu_0019090335_2.addMenuItem("Employment","location='employment.html'");
mm_menu_0019090335_2.fontWeight="bold";
mm_menu_0019090335_2.hideOnMouseOut=true;
mm_menu_0019090335_2.menuBorder=0;
mm_menu_0019090335_2.menuLiteBgColor='#999999';
mm_menu_0019090335_2.menuBorderBgColor='#990000';
mm_menu_0019090335_2.bgColor='#990000';

mm_menu_0019090335_2.writeMenus();
} // mmLoadMenus()

//-->
</script>
<script language="JavaScript1.2" src="mm_menu.js"></script>


</head>

intcon
12-28-2011, 03:33 PM
OMG!!!! it works it works it works!!!! ahahahahaha......=) you have SO made my week! Thanks so much, couldn't have done it in such a short period of time without your help!!!!! :thumbsup:

chump2877
12-28-2011, 03:42 PM
glad to hear it :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum