Блог

Главная - Вопросы по программированию - Как отобразить полноэкранное всплывающее окно в javascript?

Как отобразить полноэкранное всплывающее окно в javascript?

#javascript #html #popup

Вопрос:

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

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

по-видимому, работал только для старой версии IE.

Комментарии:

1. Проголосовали против, потому что это совершенно законный вопрос. То, что «вы» хотите, не имеет ни малейшего значения, если это корпоративное веб-приложение для интрасети.

2. Скажите это моему преподавателю — это одно из требований к моей курсовой работе 🙂

3. @Tanoku Я согласен с Робом, просто потому, что это звучит как плохая практика для «веб-страницы», не означает, что это на самом деле для веб-сайта, подумайте о возможностях внутренних приложений, использующих не браузеры, например HTA, где полноэкранное окно может быть полностью приемлемым.

Ответ №1:

Используйте screen.availWidth и screen.availHeight для расчета подходящего размера для параметров высоты и ширины в window.open()

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

Комментарии:

1. можете ли вы объяснить это на примере скрипки.

2. @DanishAdeel здесь: window.open(src, "newWin", "width=" screen.availWidth ",height=" screen.availHeight)

Ответ №2:

Как насчет этого:

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

Ответ №3:

Больше, чем плохой дизайн — эта «функция» — рецепт катастрофы пользовательского интерфейса. Существовало несколько вредоносных веб-сайтов, которые использовали функции полноэкранного просмотра в JavaScript для захвата окон браузера и отображения экрана, неотличимого от рабочего стола пользователя. Хотя, возможно, еще есть способ сделать это, пожалуйста, ради всего святого, не делайте этого.

Комментарии:

1. Не беспокойтесь о том, что на моем сайте это действительно реализовано — как я уже упоминал, я сделал это только для того, чтобы удовлетворить требования лектора 🙂 Хотя спасибо за предупреждение!

2. Если вы собираетесь сказать ему, что делать, то сделайте это-вы правы (это плохая идея)- но, по крайней мере, дайте реальный ответ. Я задал несколько вопросов, на которые получил такие ответы, и это очень раздражает, когда у меня нет ответа.

Ответ №4:

Как насчет этого, я дал значение ширины и высоты большому числу, и это работает

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

Комментарии:

1. вверху=0,слева=0 ближе к полноэкранному режиму.

Ответ №5:

Попробуй это. Это работает для меня и с любой ссылкой, которую вы хотите, или с чем угодно во всплывающем окне

Все, что вы выбрали, будет показано во всплывающем окне в полноэкранном режиме во всплывающем окне.

 <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>
Метки: