Создание всплывающих окон на вашем сайте

Создание Всплывающих окон

Всплывающее окно на самом деле является такой же простой страницей, как и любые другие. Содержимое всплывающего окна помещается в HTML-файл, как это делается для обычной Web-страницы, и в любом месте на сайте можно создать ссылку на всплывающее окно. Однако вместо указания пути к странице, как в случае обычной ссылки:

<а href="popup.html">0pen the popup window</a>

мы направляем браузер на простую функцию, написанную на языке Javascript:

<а href="javascript:doPopup('popup.htm');">0pen the popup window</a>

Эта функция приказывает браузеру открыть страницу в отдельном окне, а не загружать ее в основном окне. Вы можете написать собственный код на языке Javascript, выполняющий эту задачу, или можете использовать следующий код:

<script language="javascript">
function doPopup(popupPath) {
window.open(popupPath,'name',
'width=400,height=200,scrollbars=YES');
}
</script>

Вот и все. Инструкция window.open позаботится обо всем, если вы передали в функцию правильный путь. Поэтому, если HTML-файл вашего всплывающего окна находится не в той папке, где расположена вызывающая страница, следует отформатировать ссылку подобным образом:

<а href="javascript:doPopup('../help/info.htm');">Get help</a>

или любой возможный правильный путь. Вставьте путь между одинарными кавычками. Если передать в функцию неправильный путь, во всплывающем окне загрузится неожиданное содержимое или знаменитая страница File Not Found (Файл не найден).
Язык Javascript предоставляет достаточное количество возможностей для управления размерами и поведением нового окна. Всплывающему окну можно присвоить уникальное имя, которое передается в инструкцию window, open в качестве второго параметра, следующего за путем. Замените слово name в предыдущем скрипте на слово popup, help, window, Charlie или любое другое слово, которое вам нравится.
За именем окна следует список свойств, в котором определяется внешний вид всплывающего окна. В одной строке можно объединить столько свойств, сколько пожелаете, - просто отделяйте свойства друг от друга запятой и не вставляйте пробелы после запятых.
Итак, если вы хотите для всплывающего окна отобразить поле адреса и строку состояния в функции doPopup () , просто расширьте набор свойств, как в следующем примере:

<script language="javascript">
function doPopup(popupPath) {
window.open(popupPath,'name',
'width=300,height=15 0,scrollbars=YES,location=YES,
status=YES');'
</script>