23 января 2008 ~ 4088 Комментариев

Легкие диалоговые окна

dd 

Хочу поделиться с вами маленьким скриптиком для создания простых всплывающих окон: подсказок, ошибок, да чего угодно.

Скрипт представляет из себя три с половиной килобайт кода. Оформление блоков настраивается с помощью css — так что поставил скрипт и забыл ;-)

Необходимая вещь для минималистов вроде меня, это, вполне реальная, замена громоздким библиотекам.

Использование dialog box

Подключаем сам скрипт и его оформление, вставив следующий код между тегами <head></head>:

<link rel="stylesheet" type="text/css" href="dialog_box.css" />
<script type="text/javascript" src="dialog_box.js"></script>

Окно вызывается при помощи функции showDialog

showDialog('Заголовок','Содержание блока','Имя блока(используется для оформления)')

Пример со ссылкой:

<a href="#" onclick="showDialog('Ошибка','Ошибка и в Африке ошибка :-).','error')">Ошибиться</a>

Используйте на здоровье! ;-)

Посмотреть пример использования

Скачать готовый пример(обновлено 28 апреля)

Исходный текст(английский)

4088 Комментариев для “Легкие диалоговые окна”

  1. water coolers for home 22 мая 2012 at 0:12 Permalink

    A hyena cannot smell its own stench. Kalenjin Kenya


Оставить комментарий