Comment faire en sorte que toutes vos fenêtres pop-up créées par page apparaissent en haut lors de la création d'une nouvelle fenêtre?

Question

Alors imaginez que nous avons un navigateur en plein écran ouvert notre page. Donc, il occupe tout l'espace de l'écran.

nous avons quelques boutons pour openng pop ups lorsque l'utilisateur veut avec le code comme:

<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> 

Lorsque l'utilisateur clique sur une fenêtre pop-up sera créé au-dessus de la fenêtre sur laquelle il a cliqué. Mais quand il voudra en créer un nouveau, il cliquera sur sa fenêtre en plein écran avec des boutons et cette fenêtre s'ouvrira automatiquement.

Mais si nous voulons quelque chose comme: (qui ici j'ai créé manuellement)

Où tous nos pop ups sont sur le dessus. Que ferons-nous? une fonction JS qui pourrait aider?

Windows avec des flux ne doit pas être à l'intérieur de la page principale. Ils devraient être autonomes.

Ici, le point est de changer le code de la page principale afin de contrôler que tous les popups sont sur le dessus.

Answer 1

Obtenez votre code JavaScript sur le balisage (yeck!). Attrapez la poignée à la fenêtre et utilisez le focus ou le flou.

<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>