Solved

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

Posted on 2008-06-15
3
952 Views
Last Modified: 2010-04-21
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

0
Comment
Question by:dnraj
  • 2
3 Comments
 
LVL 22

Accepted Solution

by:
neeraj523 earned 250 total points
ID: 21790907
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
 

Author Closing Comment

by:dnraj
ID: 31467661
the solution was good enough to understand the concept, of what i wanted. thank you for the idea.
0
 
LVL 22

Expert Comment

by:neeraj523
ID: 21799032
B Grade .. huh
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now