Нередко встречается ситуация, когда, бродя по WWW, особенно
по сайтам специфического уклона (назовём их между нами
эротическими), Вы, нажимая на какую-нибудь ссылку, вдруг получаете
на своем экране огромное число окон: больших, маленьких, цветных,
чёрных, белых, с сообщением "Page cannot be displayed" . Реакция
Ваша ни для кого не представляет секрета, и представляет собой
последовательность неприличных слов, смысл которых можно объединить
в небольшой фразе "Что делают подлецы, а!"
Вам, конечно, не нравится, когда на других сайтах Вы видите
бесконечно открывающиеся консоли, но почему-то вы наверняка
начинаете подумывать о том, что Вам тоже хотелось бы, что бы Ваш
любимый хоумпейдж открывался, когда пользователь будет нажимать на
ссылки, расположенные на домашней страничке Вашего друга Васи. А
вдруг посетитель Васиного творения не закроет открывшуюся консоль,
ведь там же ни какая-то порнуха, там ВАШ хоумпейдж. С такой надеждой
Вы идёте к Васе просить его открывать Вашу страничку для каждого
посетителя, пришедшего к нему. Взамен, естественно, Вы предлагаете
аналогичные услуги. Так как Вася - Ваш друг, он безусловно
согласится, и Вы радостно приходите домой, чтобы разместить у себя
на сайте самооткрывающееся окно. Вы берёте книгу по HTML, но тут
выясняется, что средствами гипертекстового языка разметки это
сделать невозможно...
Самооткрывающееся окно реализуется на языке программирования
Java Script, с использованием функции window.open. Эта функция может
быть вызвана каким-нибудь событием. Наиболее часто возникает одно из
следующих событий:
onLoad – происходит, когда страница открывается в
броузере.
OnUnLoad – происходит, когда пользователь уходит со
страницы.
OnClick – происходит, когда нажимается кнопка мыши,
например на гиперссылке.
OnMouseOver – происходит, когда курсор
мышки попадает на какую-либо активную зону
OnMouseOut –
происходит, когда курсор мышки уходит с активной зоны.
Примечание:
События onLoad и onUnload происходят также при обновлении
страницы пользователем (Refresh).
Рассмотрим более детально функцию window.open:
window.open('http://www.zel-info.narod.ru','w1') – если её
записать в таком виде в описании события onLoad Вашей домашней
странички, то, когда пользователь зайдёт к Вам, у него сразу же
откроется первая страница сайта.
Более правильно использовать функцию window.open со
следующими параметрами:
top – отступ, открывающегося окна сверху
left - отступ,
открывающегося окна слева
directories, titlebar, toolbar,
scrollbars, menubar – показывать (yes) или нет (no) соответствующие
панели броузера.
width – ширина окна броузера.
height – высота
окна броузера
status – показывать или нет строку
статуса
resize – Можно ли изменять пользователю размеры
окна.
Так можно использовать эту функцию с параметрами:
<body onload="window.open
('http://www.zel-info.narod.ru','w1','top=50,
left=0,titlebar=no,toolbar=no,width=790,
height=495,directories=no,status=no,scrollbars=yes,
resize=no,menubar=no') ">
Обратите внимание на синтаксис, все параметры записываются в
апострофах.
Всё, о чём говорилось выше, обычно всё-таки применяется для
раскрутки сайтов, ведь использование самооткрывающегося окна даёт
CTR= 100%. Эффект очевиден: независимо от желания пользователя, он
всё-таки посещает Вашу страничку. Но…
Помните, что открывающиеся консоли, как правило, нервируют
пользователя, а иногда оказывают обратный эффект: он не только сразу
же закрывает открывшееся без его разрешения окно, но и запоминает
виновника его раздражения. Может и вовсе не ходить больше на Ваш
сайт. Так что решайте сами использовать Вам этот скрипт для
раскрутки Вашего хоумпейджа или нет.
Теперь рассмотрим, как можно использовать функцию window.open
в других целях.
Если Вы хотите разместить у себя на сайте какую-нибудь
галерею, то опять же Вам на помощь может прийти метод открывания
окон. Вы знаете, что когда Вы размещаете фото высокого качества, то
для них необходимо сделать предпросмотр. Кликая на уменьшенную
фотографию, пользователь обычно видит её в большом разрешении в ЭТОМ
ЖЕ окне. Это обычно, но на ВАШЕМ хоумпейдже, я бы порекомендовал Вам
открывать картинки в другом окне, по размерам совпадающем с самой
иллюстрацией. Это выглядит куда более эстетично. Правда для того,
что бы это сделать, придётся немного потрудиться. В этом случае мало
сделать ссылку на обычный gif или jpg, Потребуется для каждой
картинки создать HTML файл, обязательно указав в нём атрибуты
marginwidth=0 и marginheight=0 для Netscape Navigator, и topmargin=0
и leftmargin=0 для Internet Explorer.
Файл с картинкой, который вы открываете в новом окне, должен
иметь следующий вид:
<body marginheight=0 marginwidth=0 leftmargin=0
topmargin=0>
<p><img src="s1.jpg" border="0"
width="400" height="267"
alt=""></p>
</body>
Из
вышесказанного следует, что технология открывающихся окон может
применяться не только для раскрутки, но и стать частью дизайна, и в
этом случае она не может вызывать никакой отрицательной реакции
пользователя.