Layout: Make a small window "float" on top a big

started by Preslinc on Aug 28, 2004 — RSS Feed

Preslinc Preslinc
Posts: 1

Can anyone help me with a solution…?

The situation is, I have big page and a small page that must appear onscreen at the same time. Trouble is, when the big screen is active, it covers up the small screen.

What I need is a way to keep the small screen ON TOP of the big screen, so that the user can position it wherever s/he wants -- and so that, when the big screen is active, it doesn't cover up the small screen.

I offer abundant and sincere gratitude to whoever can solve my little problem.
Thank you.

Joe Gillespie Joe Gillespie
Posts: 528

There is no way to keep a small window in front all the time, the one that has the 'focus' will always be in front.

To bring a window to the front, you have to use window.focus() in JavaScript

Here is a script that opens a new window in front of a bigger one

function smallwindow()
           var w ="","toolbar=no,width=420,height=410,directories=no,status=no,scrollbars=no,resize=no,menubar=no,history=no";

This action could be stopped by popup blockers.

Nickro Nickro
Posts: 6

This could be included as a draggable element of the one page - ie a sort of 'fake' pop-up window, but which behaves much like a real one. I'm not sure how you would do this without using Flash, but I think there are ways? Correct me if I'm wrong.

Baxter Baxter
Posts: 157

You COULD do it using Flash, although I would generally recommned against it.

You could open a new window in Javascrript and attempt to keep it focused.

But I think what I would try if I were faced with this problem, is to use css to set the initial position of a div (absolutely), set a high z-index on the div, then use javascript to sort out the dragging around part.

Asrar Asrar
Posts: 2

Use a modeless dialogue window:

You must login to reply