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

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

Предварительно, это самое окно сначала нужно создать, желательно в отдельном 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>

                        
<script language="javascript"> 

function doPopup(popupPath) { 

window.open(popupPath,'name', 

'width=550,height=550,scrollbars=NO,left=350,top=100'); 

} 

</script>