web-dev-qa-db-fra.com

Comment afficher la fenêtre popup plein écran en javascript?

Existe-t-il un moyen de maximiser une fenêtre contextuelle dès qu’elle est ouverte? Si ce n'est pas le cas, au moins le faire en taille d'écran? Ce:

window.open(src, 'newWin', 'fullscreen="yes"')

apparemment, ne fonctionnait que pour l'ancienne version d'IE.

javascripthtmlpopup
30
Maciej Gryka

Utilisez screen.availWidth et screen.availHeight pour calculer une taille appropriée pour les paramètres de hauteur et de largeur dans window.open()

Bien que cela soit probablement proche, cela ne sera ni maximisé, ni précis pour tout le monde, surtout si toutes les barres d’outils sont affichées.

22
Geoff

Plus qu'un mauvais design - cette "fonctionnalité" est une recette pour le désastre de l'interface utilisateur. Là étaient a nombre de malveillants sites Web qui exploitaient les fonctionnalités d'affichage plein écran en JavaScript dans les fenêtres du navigateur Hijack et affichaient un écran impossible à distinguer du bureau de l'utilisateur. Bien qu'il puisse encore y avoir un moyen de le faire, s'il vous plaît, ne mettez pas cela en œuvre pour l'amour de tout ce qui est décent.

9
Rob Allen

Et ça:

var popup = window.open(URL);
if (popup == null)
   alert('Please change your popup settings');
else  {
  popup.moveTo(0, 0);
  popup.resizeTo(screen.width, screen.height);
}
5
Ray

Qu'en est-il de cela, j'ai donné la valeur de largeur et de hauteur à un grand nombre et cela fonctionne

window.open("https://www.w3schools.com", "_blank","toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=4000,height=4000");
2
Jitendra Tumulu

Essaye ça. Cela fonctionne pour moi et avec n'importe quel lien que vous voulez, ou n'importe quoi dans le popup

Tout ce que vous avez choisi sera affiché dans une fenêtre PopUp en plein écran dans une fenêtre PopUp.

<script language="JavaScript">
function Full_W_P(url) {
 params  = 'width='+screen.width;
 params += ', height='+screen.height;
 params += ', top=0, left=0'
 params += ', fullscreen=yes';
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';


 newwin=window.open(url,'FullWindowAll', params);
 if (window.focus) {newwin.focus()}
 return false;
}
</script>

<input type="button" value="Open as Full Window PopUp" onclick="javascript:Full_W_P('http://www.YourLink.com');"></input>
0
SeekLoad