Wie Vollbild-Popup-Fenster in Javascript zeigen?

Question

Gibt es eine Möglichkeit, ein Popup-Fenster, sobald maximiert zu machen, wie es geöffnet wird? Wenn nicht, zumindest macht es Bildschirm-Größe? Dies:

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

anscheinend funktionierte nur für alte Version des IE.

Answer 1

Verwendung screen.availWidth und screen.availHeight eine geeignete Größe für die Höhe und Breite Parameter in window.open()

zu berechnen

Obwohl dies wahrscheinlich nahe zu sein, wird es nicht maximiert werden, noch genau für alle, vor allem, wenn alle Symbolleiste angezeigt werden.

Answer 2

Mehr als schlechtes Design - dieses „Feature“ ist ein Rezept für UI Katastrophe. Es wurden eine Zahl von

Was folgt aus:

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);
}

Was ist das, ich gab Breite und Höhe Wert auf eine große Anzahl und es funktioniert

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

Versuchen Sie dies. Dies funktioniert für mich und mit jedem Link, den Sie wollen, oder irgendetwas in dem Pop-up

Alles, was Sie in einem PopUp Fenster wird gewählt wird in einem Vollbildgröße in einem Popup-Fenstern angezeigt.

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

Answer 3

Answer 4

Answer 5

Was folgt aus:

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);
}

Answer 6

Was ist das, ich gab Breite und Höhe Wert auf eine große Anzahl und es funktioniert

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

Versuchen Sie dies. Dies funktioniert für mich und mit jedem Link, den Sie wollen, oder irgendetwas in dem Pop-up

Alles, was Sie in einem PopUp Fenster wird gewählt wird in einem Vollbildgröße in einem Popup-Fenstern angezeigt.

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

Answer 7

Was ist das, ich gab Breite und Höhe Wert auf eine große Anzahl und es funktioniert

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

Answer 8

Versuchen Sie dies. Dies funktioniert für mich und mit jedem Link, den Sie wollen, oder irgendetwas in dem Pop-up

Alles, was Sie in einem PopUp Fenster wird gewählt wird in einem Vollbildgröße in einem Popup-Fenstern angezeigt.

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

Answer 9

Answer 10