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

    Подведите мышку к тексту под этим предложением , подождите несколько секунд и Вы получите новое окно размером 200 х 130.
    (Если Вы используете Netscape , окно закроется автоматически, иначе позаботьтесь об его закрытии).
Подведите мышку сюда!

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

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

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

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


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


 

 
Hosted by uCoz