Как сделать так, чтобы все ваши всплывающие окна, созданные страницей, появлялись сверху при создании нового?

Question

Представьте, что у нас полноэкранный браузер открыл нашу страницу. Таким образом, он занимает все пространство экрана.

у нас есть несколько кнопок для открытия всплывающих окон, когда пользователь хочет с кодом, подобным:

<hr> <ul> 
<li><FORM><INPUT class="eButton" type="button" value="georg" onClick="window.open('./georg.flv?action=read','georg','width=400,height=200,left=0,top=100,screenX=0,screenY=100')"></FORM></li> 
<li><FORM><INPUT class="eButton" type="button" value="vasia" onClick="window.open('./vasia.flv?action=read','vasia','width=400,height=200,left=400,top=100,screenX=400,screenY=100')"></FORM></li> 
</ul> <hr>  

Когда пользователь нажмет на одно всплывающее окно, будет создано в верхней части окна, на котором он нажал.

Но когда он захочет создать новый, он щелкнет по кнопке в своем полноэкранном окне, и это окно откроет все созданные ранее.

Но если мы хотим что-то вроде: (который здесь я создал вручную)

Где все наши всплывающие окна находятся на вершине. Что нам следует сделать? JS функции, которые могут помочь?

Окна с потоками должны быть не внутри главной страницы. они должны быть в одиночестве.

Здесь нужно изменить код главной страницы, чтобы контролировать, что все всплывающие окна находятся сверху.

Answer 1

Получите ваш код JavaScript из разметки (да!).Возьмите ручку к окну и используйте фокус или размытие.

<script>
openWin = function(name){
    var win = window.open('./'+name+'.flv?action=read', name, 'width=400, height=200, left=0, top=100';

win.focus() // on top
win.blur() // on bottom - this may not work, you may need to focus the current window:
window.focus();
}
</script>

<FORM><INPUT type="button" value="georg" onClick="openWin(this.value);"></FORM>