Minimize iframe window to just show its title bar when not is use

i have this iFrame which i want to minimize just to show its title bar when not in use, else bring it up to its normal size (defined using width and height) - to do any operations - in shot iframe should minimize as showing its title bar and come back to its normal state when you double click the title bar - example gmail chat window - gmail chat window pops up to enter any messages and when not it use - it minimizes to show it title bar

dnrajAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
neeraj523Connect With a Mentor Commented:
Hello

Try this sample script..

tested on IE 7.0 only.

neeraj523

<div id="d1" ondblclick="max()" style="visibility:visible">IFRAME PAGE (Double click to see)</div>
<iframe id="i1" src="test.htm" height="200" onBlur="min()" ></iframe>
<SCRIPT>
 
iHeight = document.getElementById("i1").height
function min()
{
	document.getElementById("i1").height="0"
	document.getElementById("d1").style.visibility = "visible"
}
 
function max()
{
	document.getElementById("d1").style.visibility = "hidden"
	document.getElementById("i1").height=iHeight
	document.getElementById("i1").focus();
}	
min()
</SCRIPT>

Open in new window

0
 
dnrajAuthor Commented:
the solution was good enough to understand the concept, of what i wanted. thank you for the idea.
0
 
neeraj523Commented:
B Grade .. huh
0
All Courses

From novice to tech pro — start learning today.