На главную

Библиотека Интернет Индустрии I2R.ru

Rambler's Top100

Малобюджетные сайты...

Продвижение веб-сайта...

Контент и авторское право...

Забобрить эту страницу! Забобрить! Блог Библиотека Сайтостроительства на toodoo
  Поиск:   
Рассылки для занятых...»
I2R » Сайтостроительство » HTML/DHTML

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

Динамический HTML предоставляет возможность создавать для различных целей новые окна. Созданные с помощью JavaScript, такие окна имеют стандартный вид и по типу разделяются на диалоговые и обычные. Диалоговые окна, называемые, также, модальными, приостанавливают действие всех скриптов и ожидают от пользователя нажатия на какую-либо кнопку или закрытия окна. Обычные работают независимо от текущего окна откуда запускается программа.

Диалоговые окна

Существует четыре метода создания диалоговых окон, которые перечислены в таблице.

Метод Описание Вид Пример
alert Выводит текст и ожидает нажатия на кнопку ОК. Используется преимущественно для сообщений об ошибках. alert("Hello, world!")
confirm Аналогично alert, но выводит две кнопки ОК и Cancel. Используется для задания вопроса. При нажатии на ОК возвращается true, а кнопка Cancel возвращает false.

if( confirm("Удалить все? Уверены?"))

alert ("Удаляем...")

else alert ("Ну как хотите...");

prompt Запрашивает строку ввода. n = prompt ("Введите ваше имя:", defaultText="")
if (n) alert("Имя: " + n)
showModalDialog Загружает в окно указанный файл. Может возвращать значение. Поскольку этот тип окна отображает обычный HTML-документ, вид у него может быть любой. showModalDialog ("color.html")

Методы alert и confirm позволяют выводить несколько строк текста. Для переноса текста на другую строку используется символ \n. Метод prompt допускает не более двух строк в тексте запроса.

Создание индивидуальных диалоговых окон

С помощью метода showModalDialog можно создавать окна по своему виду и желанию. Однако, данный способ создания модальных окон поддерживается только браузером Internet Explorer.

Подобные окна имееют следующие особенности:

  • отсутствуют кнопки навигации;
  • не работает правая кнопка мыши;
  • содержимое нельзя выделить.

Синтаксис вызова метода следующий:

Возвращаемое значение = showModalDialog("URL", "имя окна", "параметры")

URL представляет собой путь к HTML-документу, который следует открыть в диалоговом окне. Имя представляет собой условное название открываемого окна, его можно опустить.

Параметры для управления видом окна могут быть следующими.

Параметр Значение Описание
border thick | thin Задает толщину рамки окна
center yes | no или 1 | 0 Выравнивает окно по центру экрана монитора
dialogHeight px, %... Высота диалогового окна
dialogLeft px, %... Задает положение левого верхнего угла по горизонтали
dialogTop px, %... Задает положение левого верхнего угла по вертикали
dialogWidth px, %... Ширина диалогового окна
maximize yes | no или 1 | 0 Добавляет кнопку "Развернуть" в строке заголовка
minimize yes | no или 1 | 0 Добавляет кнопку "Свернуть" в строке заголовка

Перечисленные параметры могут идти в любом порядке через запятую. Размер диалогового окна не может быть меньше, чем 100х100 пикселов и не допустимо размещать его за пределами экрана. Включение или выключение параметра можно определять через указание им значения yes или no (или 1 с 0). Например, center=yes идентично center=1.

Пример 1. Создание диалогового окна

<script language="JavaScript">

showModalDialog("tips.html", "", "dialogWidth=350px, dialogHeight=200px")

</script>

Влад Мержевич
Рецепты HTML

Спонсор раздела

Рассылки Subscribe.ru:

Библиотека сайтостроительства - новости, статьи, обзоры
Дискуссионный лист для web-разработчиков
Подписка на MailList.Ru
Автор: NunDesign
Другие разделы
Оптимизация сайтов
Web-студии
» Новое в разделе
Web-дизайн
Web-программирование
Интернет-реклама
Раскрутка сайта
Web-графика
Flash
Adobe Photoshop
Рассылка
Инструменты вебмастера
Контент для сайта
HTML/DHTML
Управление web-проектами
CSS
I2R-Журналы
I2R Business
I2R Web Creation
I2R Computer
рассылки библиотеки +
И2Р Программы
Всё о Windows
Программирование
Софт
Мир Linux
Галерея Попова
Каталог I2R
Партнеры
Amicus Studio
NunDesign
Горящие путевки, идеи путешествийMegaTIS.Ru

2000-2008 г.   
Все авторские права соблюдены.
Rambler's Top100