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

Author Автор: Роман Чернышов    Опубликовано: 28 июня 2011

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

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

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

<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 — Высота окна.

Оставить комментарий

Автор блога
Чернышов Роман
Роман Чернышов
Веб-разработчик, Full Stack
Senior, Architector
PHP, JavaScript, Node.JS, Python, HTML 5, CSS 3, MySQL, Bash, Linux Admin
Заказать работу
предложить оффер

Последние вопросы
Список вопросов
Последние комментарии
Меню

Archive

Мои проекты
Insurance CMS Love Crm CMS Совместные покупки Мой PHP Framework Хостинг для моих клиентов Лицензии на мой софт и поддержка