 |
 |
 |
Интернет клуб
Новая страница
Описание 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.
В этом сообщении
содержится адресованное пользователю предложение ввести
необходимую инюормацию.
Необязательный аргумент
стандартное представляет собой строку,
которая изначально будет отображаться в поле ввода.
|
 |
 |
|
 |
 |