Home

 Для чайника

 Уроки HTML

 Уроки JAVA

 Создание сайта

 Место под страницу

 Раскрутка

 Посещаемость

 Реклама и заработок

 Список спонсоров

 Плохие спонсоры

 Гостевая книга

Cоздание новых окон


Подведите мышку к тексту под этим предложением , подождите несколько секунд и Вы получите новое окно размером 200 х 130.

(Если Вы используете Netscape , окно закроется автоматически, иначе позаботьтесь об его закрытии).

Подведите мышку сюда!

Приведем текст этой программы. Обратите внимание на несколько иную запись javascript.

<A HREF="javascript:"
onMouseOver="win1 = window.open('index.htm','w1',
'width=200,height=130'); return true;"
onMouseOut=" win1.window.close(); return true;">
<font color=red>Подведите мышку сюда!</font color></A>

Функции onMouseOver и onMouseOut мы рассматривали в прошлом параграфе.
Рассмотрим открытие нового окна - функцию window.open.

Первый параметр (в нашем случае, это index.htm) - URL, то есть адрес документа, который должен быть помещен в новое окно.
Если url- пустая строка, то открывается пустое окно.
Второй параметр ( в нашем случае это w1 ) - имянового окна.
Используя имяв качестве значения атрибута TARGETкоманды <A> или <FORM>, можно вывести документы в это окно.
Но, в принципе, в большинстве случаев в новом окне командовать парадом будет заданный в нем URL.
Третий параметр состоит из следующих возможных числовых значений или флажков:
- width = NNN - ширина окна,
- height = NNN - высота окна,
- toolbar = {no,yes} - Панель инструментов браузера,
- location = {no,yes} - Поле для ввода URL в браузер,
- directories = {no,yes} - Кнопки каталогов,
- status = {no,yes} - Строка состояния,
- menubar = {no,yes} - Линейка меню браузера,
- scrollbars = {no,yes} - Линейки прокрутки.

В строке, содержащей третий параметр, не должно быть пробелов.

Рассмотрим аналогичный пример со всеми "накрутками":

<A HREF="javascript:"
onMouseOver="win1 = window.open('index.htm.html','w1',
'width=500, height=300, toolbar=yes, location=yes, directories=yes, status=yes, menubar=yes, scrollbars=yes,');
return true;"
onMouseOut=" win1.window.close(); return true;">
<font color=red>А теперь подведите сюда!</font color></A>

Для его выполнения подведите мышку под следующий текст:

А теперь подведите сюда!

Аналогично создается окно с использованием картинок:

Можно использовать для этой цели и формы, здесь программа еще проще:

Мы рассмотрели функции openи close.
Рассмотрим другие функции обьекта window
- alert() - Вводит в диалоговое окно простое сообщение. В окне есть кнопка OK.
- confirm() - Отображает в диалоговом окне запрос, требующий ответа "Да" или "Нет". При нажатии кнопки "Да" функция возвращает true, иначе - false.
- prompt( сообщение,[ стандартное]) - выводит заданное сообщение в диалоговом окне, содержащем также поле ввода текста и три кнопки: OK, Clear и Cancel.
В этом сообщении содержится адресованное пользователю предложение ввести необходимую инюормацию.
Необязательный аргумент стандартное представляет собой строку, которая изначально будет отображаться в поле ввода.

Оглавление
Следующий раздел