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

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

<!-- Открыть новую вкладку браузера -->
<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 в разных браузерах читайте http://habrahabr.ru/blogs/javascript/20916/

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

<!-- Закрыть текущее окно -->
<a href="#" onclick="window.close()">Закрыть окно</a>
Данная публикация старше 4-х лет. Возможно существуют более рациональные способы решения рассматриваемой задачи или вопроса.

Выразить благодарность

Если эта публикация оказалась для Вас полезной и вы хотите выразить свою благодарность, сделайте пожалуйста её репост в социальных сетях или на своём сайте.

Так же, Вы можете перевести любую сумму, которую посчитаете нужной на наш счёт, что сильно мотивирует к написанию новых полезных статей.

Комментарии: