вРазные полезности

Диалоговые (всплывающие) окна с картинкой, текстом или целой странецей сайта на языке Javascript для Юкоз

Диалоговые (всплывающие) окна с картинкой, текстом или целой странецей сайта на языке Javascript для Юкоз

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

Разрешено бесплатное использование скрипта и его модификаций в некоммерческих целях. Для использования скрипта в коммерческих целях запросите разрешение у автора скрипта.

1. Скачайте архив со скриптом здесь и загрузите его содержимое в корень сайта (все папки и файлы с такой же вложенностью как в архиве).

2. Вставьте перед /hеad или после bоdy

3. В то место, где должна быть ссылка на всплывающее окно вставьте

4. Описание:

Функция вывода диалогового окна может иметь следующий вид:
dialog(«url», [«title», «caption»,w, h, x, y, «id», «css», «html»]);

Обязательным является только первый аргумент url — адрес картинки или страницы.

Остальные аргументы принимают значения:

title — Заголовок всплывающего окна
По умолчанию пустая строка.

caption — Подпись под диалоговым окном
По умолчанию пустая строка.

w — Ширине окна.
По умолчанию равна минимальной ширине содержания окна.

h — Высота окна.
Если не указывать, равна высоте контента окна.

x — Координата верхнего левого угла диалогового окна.
Если не указывать, то окно будет центроваться по ширине.

y — Координата верхнего левого угла.
По умолчанию всплывающее окно будет центроваться по высоте рабочей области

браузера.

id — Идентификатор окна.
Если на странице нужно открыть несколько разных окон, то нужно указать этот

аргумент. По умолчанию id = «dialog».

css — Путь к файлу стилей.
Значение по умолчанию — «css/dialog.css».

html — Путь к файлу шаблона.
По умолчанию — «html/dialog.html».

5. Примечания:

а) В файле стилей css/dialog.css можно редактировать внешний вид окна.
В шаблоне html/dialog.html можно редактировать структуру окна.
Таким образом, скрипт позволяет создать диалоговое окно (всплывающее) с произвольной формой и оформлением. Ограничением будет только ваша фантазия.

б) В случае, если при выполнении данных условий скрипт не работает добавьте дополнительно вместе с кодом, указанным в пункте 2 перед /hеad или после bоdy следующее строки

6. Пример скрипта:

Открыть картинку

Открыть страницу

Открыть страницу с другого домена

Ниже указан код приведённого примера:

Похожие посты