Иногда возникает необходимость вывести какую-нибудь информацию во всплывающем окне (Pop-up), как вариант можно воспользоваться функционалом javascript, а конкретнее методом Open, объекта Window window.open(), при событии onclick.
Конструкция предельно проста:
<!-- Открыть новую вкладку браузера -->
<a href="#" onclick="window.open('http://google.com/')">Новая вкладка</a>
Для того, что бы открыть не новую вкладку или окно, а именно Pop-up, необходимо передать в window.open() несколько параметров:
<!--
Pop-up окно
Вместо google.com можно указать путь к .html документу и т.п.
-->
<a href="#" onclick="window.open('http://google.com/','newWindow','width=700,height=480,left=400,top=150,location=no,toolbar=no,status=yes,scrollbars=yes,resizable=yes')">Открыть новое окно</a>
Значения параметров:
width и height - ширина и высота окна
left и top - отступ от левого края экрана и верха в пикселях
Остальные параметры работают в IE
location - адресная строка
toolbar - панель инструментов IE
status - строка состояния
scrollbars - полосы прокрутки
resizable - возможность растягивать\сжимать окно
Подробнее о различиях в поведении window.open в разных браузерах читайте здесь.
Закрыть окно можно спомощью метода window.close() разместив конструцию приведенную ниже внутри открываемого документа.
<!-- Закрыть текущее окно -->
<a href="#" onclick="window.close()">Закрыть окно</a>Скачать пример:
|
|
