Главная Интернет WEB-учебник JavaScript


Интернет клуб

Новая страница
Описание html
Javascript

Что такое JavaScript
Обьект "Document"
Обработка событий
Обработка событий (Продолжение)
Обработка даты
Определение браузера
Операции с мышкой
Создание новых окон
Бегущая строка
Переход по выбору

Java в примерах
Полезные сайты
Задайте вопрос









Web-учебник. Раздел 3. Javascript.





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



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

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

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

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

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

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

Первый параметр (в нашем случае, это web38.html ) - 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('web38.html.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=maroon>А теперь подведите сюда!</font color></A>

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

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

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

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

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







  ©1996-2007   Megapolis Org   E-mail:   info@megapolis.org