Для создания popup окон существует функция window.open(), которая имеет следующий синтаксис:
window.open( URL, windowName[, windowFeatures][, aFlag]);
Здесь URL – это ссылка, которая будет открыта в новом окне, windowName – имя окна, windowFeatures (необязательный параметр) – свойства окна. Параметр aFlag (необязательный параметр) указывает на то, как нужно добавить URL в список history. Значение false указывает на то, что URL должен быть добавленв в конец списка истории посещений, а значение true указывает на то, что новый URL должен заменить существующую запись списка посещений. Функция возвращает ссылку на созданое окно.
Простой пример использования функции:
window.open ("http://www.jstoolbox.com","mywindow");
При помощи третьего параметра функции можно устанавливать такие свойства окна, как ширина, высота, наличие строки состояния и т.д. Полный список параметров:
- status – отображение строки состояния (status bar) внизу окна.
- toolbar – отображение панели инструментов (панель с кнопками “Вперед”, “Назад”).
- location – отображение адресной строки (строка, в которую вводится URL).
- menubar – отображение меню окна.
- directories – отображение стандартных кнопок окна.
- resizable – позволяет/запрещает изменение размера окна.
- scrollbars – показвает полосы прокрутки, если документ больше окна.
- height – высота окна в пикселах.
- width – ширина окна в пикселах.
Примеры
Окно 350 на 250 пикселов со строкой меню. Размеры окна можно изменять.
window.open ("http://www.jstoolbox.com", "mywindow","menubar=1,resizable=1,width=350,height=250");
Окно 100 на 100 с адресной строкой, полосами прокрутки и строкой состояния.
window.open ("http://www.jstoolbox.com","mywindow","location=1,status=1,scrollbars=1,width=100,height=100");
Чтобы переместить окно в нужное место на экране, можно воспользоваться функцией moveTo:
wnd = window.open ("http://www.jstoolbox.com", "mywindow","location=1,status=1,scrollbars=1,width=100,height=100");
wnd.moveTo(100,200);
В этом примере, фукнция window.open() возвращает ссылку на созданное окно. Затем, используя ссылку, вызывается функция moveTo, которая устанавливает координаты окна 100 (по горизонтали) и 200 (по вертикали).
