Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15
  1. #1
    New Coder
    Join Date
    Mar 2009
    Posts
    89
    Thanks
    27
    Thanked 0 Times in 0 Posts

    loading into an iframe - break out?

    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
    Code:
    <body onload="TINY.box.show({iframe:'modal.html',boxid:'frameless',width:750,height:450,fixed:false,maskid:'bluemask',maskopacity:70,closejs:function(){closeJS()}})">
    <script language="JavaScript1.2">mmLoadMenus();</script>
    these are two lines for closing in the CSS file
    Code:
    .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

  • #2
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,802
    Thanks
    19
    Thanked 157 Times in 148 Posts
    Here is one way to do it (you can style the button with CSS):

    index.html
    Code:
    <?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
    Code:
    <?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>
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!

  • #3
    New Coder
    Join Date
    Mar 2009
    Posts
    89
    Thanks
    27
    Thanked 0 Times in 0 Posts
    Thanks RJ! I'll give it a shot as soon as I get the cat out of my computer chair! =)

  • #4
    New Coder
    Join Date
    Mar 2009
    Posts
    89
    Thanks
    27
    Thanked 0 Times in 0 Posts
    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

  • #5
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,802
    Thanks
    19
    Thanked 157 Times in 148 Posts
    Example of styling button like an image:

    index.html
    Code:
    <?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
    Code:
    <?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
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!

  • Users who have thanked chump2877 for this post:

    intcon (12-23-2011)

  • #6
    New Coder
    Join Date
    Mar 2009
    Posts
    89
    Thanks
    27
    Thanked 0 Times in 0 Posts
    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

  • #7
    New Coder
    Join Date
    Mar 2009
    Posts
    89
    Thanks
    27
    Thanked 0 Times in 0 Posts
    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:

    Code:
    <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

    Code:
    #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:

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

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

  • #8
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,802
    Thanks
    19
    Thanked 157 Times in 148 Posts
    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...
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!

  • #9
    New Coder
    Join Date
    Mar 2009
    Posts
    89
    Thanks
    27
    Thanked 0 Times in 0 Posts
    thanks RJ....I'm close....it's just the window closing that's eluding me!
    Last edited by intcon; 12-27-2011 at 02:25 PM.

  • #10
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,802
    Thanks
    19
    Thanked 157 Times in 148 Posts
    This worked for me in Firefox and IE (again, the example demonstrates the basic principle):

    index.html
    Code:
    <?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:'bluemask',maskopacity:70,openjs:function(){configureModalWin()}});
    		};
    	</script>
    </head>
    <body>
    
    <p>Some body content on the Main Page.</p>
    
    </body>
    </html>
    modal.html
    Code:
    <?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.
    Last edited by chump2877; 12-27-2011 at 05:44 AM.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!

  • Users who have thanked chump2877 for this post:

    intcon (12-27-2011)

  • #11
    New Coder
    Join Date
    Mar 2009
    Posts
    89
    Thanks
    27
    Thanked 0 Times in 0 Posts
    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!!!!

  • #12
    New Coder
    Join Date
    Mar 2009
    Posts
    89
    Thanks
    27
    Thanked 0 Times in 0 Posts
    oops, one more question? =)
    The little slideshow I have on the right hand side has an onload function too
    Code:
    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...?

  • #13
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,802
    Thanks
    19
    Thanked 157 Times in 148 Posts
    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):


    Code:
    <?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:'bluemask',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>
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!

  • Users who have thanked chump2877 for this post:

    intcon (12-28-2011)

  • #14
    New Coder
    Join Date
    Mar 2009
    Posts
    89
    Thanks
    27
    Thanked 0 Times in 0 Posts
    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!!!!!

  • #15
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,802
    Thanks
    19
    Thanked 157 Times in 148 Posts
    glad to hear it
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •