Скрипт всплывающего окна

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

Предварительно, это самое окно сначала нужно создать, желательно в отдельном HTML редакторе (я пользуюсь DreamWeaver), наполнить необходимым содержимым и сохранить как html файл.

Далее необходимо этот файл загрузить на свой сайт. (как? читайте тут)

Сам скрипт по своей структуре - это обычная ссылка с подключением внутри ее JavaScript. поэтому данный скрипт Вы при редактировании своей страницы вставляете в режиме \"Панель кодов HTML\" в том месте, где Вы ходите чтобы была ссылка на всплывающее окно (точно также, как бы Вы вставляли обычную ссылку).


<a href=\"javascript:void(0)\" onClick=\"javascript:window.open(\'http://Ссылка на файл окна\', \'okno\', \'width=845,height=400,status=no,toolbar=no, menubar=no,scrollbars=yes,resizable=yes\');\">
Ссылка на окно</a>


Ссылка на файл окна - полный путь к Вашему файлу всплывающего, который Вы недавно загрузили на свой сайт.
width и height -ширина и высота окна в пикселях (менять нужно только числовые значения)
Ссылка на окно - текст ссылки на которую пользователь будет нажимать.

Вот пример моего кода, примененного на этой странице:


<a href=\"javascript:void(0)\" onClick=\"javascript:window.open(\'http://web-first-step.ru/Pages/Vsplivaushee_okno.html\', \'okno\', \'width=400,height=300,status=no,toolbar=no, menubar=no,scrollbars=yes,resizable=yes\');\">
Открыть \"Мое всплывающее окно\"</a>