Новое окно при клике на ссылку

window.open, всплывающее окно, новое окно Комментариев 0 Дата 28 Июн

Очередная небольшая заметка, на тему открытия нового окна фиксированного размера, без скроллинга и статус бара. По сути очень простая задача с простым путём решения, но в виду очень редкого применения постоянно забывается).

Суть задачи: При клике на ссылку (или любой элемент на странице) открыть новое окно поверх всех остальных, с фиксированным размером. Порой это просто необходимо, например для вывода формы загрузки файла на сервер в отбельном окне (Хотя на данный момент есть более изящные решения на jQuery).

Код с использованием JavaScript:

Просмотр кода PHP

<a onclick="window.open('newpage.html','','Toolbar=0,Location=0,Directories=0,Status=0,Menubar=0,Scrollbars=1,Resizable=1,Width=550,Height=598');" href="#">Ссылка</a>

Как видно из примера мы задали событию onclick функцию window.open, которая имеет три параметра:
— Путь к файлу который будет открыт в окне
— Имя окна, позволяет далее ссылаться на него из JS скрипта
— Список дополнительных параметров

Вкратце распишу дополнительные параметры и их значения:
Toolbar — Отображать или скрывать панель инструментов, тулбар.
Location — Отображать или скрывать строку с адресом текущей страницы.
Directories — Отображать или скрывать панель ссылок.
Status — Отображать или скрывать строку статуса.
Menubar — Отображать или скрывать сроку меню.
Scrollbars — Отображать или скрывать скролбор.
Resizable — Разрешить или запретить изменение размера окна.
Width — Ширина окна.
Height — Высота окна.