Pop-up окно с помощью JavaScript


14:50, 19/03/2018

Иногда возникает необходимость вывести какую-нибудь информацию во всплывающем окне (Pop-up), как вариант можно воспользоваться функционалом javascript, а конкретнее методом Open, объекта Window http://w3schools.com/jsref/met_win_open.asp, при событии http://w3schools.com/jsref/event_onclick.asp

Конструкция предельно проста:


Новая вкладка

Для того, что бы открыть не новую вкладку или окно, а именно Pop-up, необходимо передать в window.open() несколько параметров:


Открыть новое окно

Значения параметров:

width и height - ширина и высота окна
left и top - отступ от левого края экрана и верха в пикселях

Подробнее о различиях в поведении window.open в разных браузерах читайте http://habrahabr.ru/blogs/javascript/20916/

Закрыть окно можно с помощью метода http://w3schools.com/jsref/met_win_close.asp разместив конструкцию приведенную ниже внутри открываемого документа.


Закрыть окно


Комментарии