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!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

little help on window.open

Status
Not open for further replies.

jebo100

Technical User
May 11, 2007
52
PH
hi all,

i have a button which opens a new window with a new defined size using window.open

how do i make this new window always on top?
or make the window behind it something like inactive that will not response to mouse click until i close this new window.

i have been trying to use modal=yes but will no work.

can somebody give me a tip on what command or functions im going to use?

thanks!!!

 
In IE you can use [tt]showModalDialog[/tt] but that is IE only.

You could put a large [tt]div[/tt] object over the entire parent window with sufficiently high z-index to prevent anything else on the page acting upon your mouse clicks until the child window is closed.

[sub]Never be afraid to share your dreams with the world.
There's nothing the world loves more than the taste of really sweet dreams.
[/sub]

Webflo
 
What dwarfthrower said is correct. I just happen to be working on something like this so here is the css i am using for my div. The div basically overlays my entire page.

Code:
#updateProgressDiv 
{
    display:none;
    height:expression(document.body.clientHeight); 
    width:expression(document.body.clientWidth); 
    min-height:99%;
    height: 100%;
    width:100%;
    position:absolute;
    vertical-align:middle;
    z-index:24;
    top: 0px;
    left: 0px;
    background: #ddd;
    width: 100%;
    text-align:center;
    opacity: .6; 
    filter: alpha(opacity=60); 
    -moz-opacity: .6;
}
I use javascript to toggle the display. Also the the div only opens to the view height, not the scroll height. So say your page has a scroll bar you will to expand the div using viewheight + scroll height and apply that height to your div height. I hope that made sense. Oh and how far can you throw a dwarf?
 
thanks guys!

im going to try tweaking my project using these tips



 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top