Collapsible iFrame

dweeble · Jan 2, 2007

Hello,
I have this script and on loading the iFrame by default is open, its got me. What am I missing to make the iFrame closed by default on open ? Thanks for any help..
Mike
--------------------------------------------------------
<html>
<head>
<script language="JavaScript">

function styleMenu(currMenu) {
thisMenu = document.getElementById(currMenu)
if (thisMenu.style.display=="")
{thisMenu.style.display="none";}
else
{thisMenu.style.display="";
source=document.getElementById('select_menu').options[document.getElementById('select_menu').selectedIndex];
document.getElementById('style_frame').src = source.value;}

}
</script>

</head>
<body topmargin="0" leftmargin="0" >
<br>
<SELECT id="select_menu" style="visibility:hidden">
<option value="

http://www.google.com#style5A">1st</option>

</SELECT>
<br>
<input type="button" id="toggle" value="Search" onclick="styleMenu('style_frame');">
<IFRAME id="style_frame" name="style_frame" width="100%" scrolling="yes" height="100%%"></IFRAME>
<br> </body></html>

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

kaht · Jan 3, 2007

Make the changes denoted in red:

Code:

<html>
<head>
<script language="JavaScript">

function styleMenu(currMenu) {
thisMenu = document.getElementById(currMenu)
if (thisMenu.style.display=="")
    {thisMenu.style.display="none";}
else
    {thisMenu.style.display="";
    source=document.getElementById('select_menu').options[document.getElementById('select_menu').selectedIndex];
    document.getElementById('style_frame').src = source.value;}

}
 </script>
[!]<style type="text/css">

iframe#style_frame {
   display:none;
}

</style>[/!]
</head>
<body topmargin="0" leftmargin="0" >
<br>
<SELECT id="select_menu" style="visibility:hidden">
    <option value="[URL unfurl="true"]http://www.google.com#style5A">1st</option>[/URL]
</SELECT>
<br>
<input type="button" id="toggle" value="Search" onclick="styleMenu('style_frame');">
<IFRAME id="style_frame" name="style_frame" width="100%" scrolling="yes" height="100%%"></IFRAME>
<br>&nbsp;</body></html>

-kaht

http://www.silkypups.com

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]

dweeble · Jan 3, 2007

kaht
Oh that is it,, thanks very much.
Michael

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Collapsible iFrame

dweeble

Technical User

kaht

Programmer

dweeble

Technical User

Similar threads

Part and Inventory Search

Sponsor