uAlert - новая система уведомлений - Другие скрипты - Каталог скриптов - uAjax - вселенная вебмастера uCoz. Шаблоны, скрипты, софт и многое другое для вебмастера. Сайты под ключ. Студия разработки и вёрстки.

Параметр	Значение
Категория	Другие скрипты
Добавил	uAdministrator
Дата публикации	24.04.2024, 16:12
Размер файла	1.0 Kb
Авторский
Адапт. дизайн
Просмотрен	61

Описание материала
Комментарии к материалу 0

Новая система уведомлений для вашего сайта. Мы не стали заморачиваться по поводу написания богатого функционала и написали только основные функции. Всего создано 6 окошек разных цветов под разные ситуации. При желании, вы можете добавить еще сколько угодно цветов и стилизовать каждое окошко по-своему. Стандартное окошко при клике по нему закрывается, но вы можете добавить свою функцию при клике.

Установка
1. В нижнюю часть сайта вставляем скрипт:

Панель управления → Управление дизайном → Глобальные блоки → Нижняя часть сайта

Код

2. В CSS (Таблица стилей) вставляем стили:

Панель управления → Управление дизайном → Таблица стилей CSS

Код

#ualert_cont {position:fixed;bottom:15px;right:15px;width:300px;}
  .ualert {cursor:pointer;opacity:0;color:#fff;margin:10px 0;border-radius:5px;font:11px Verdana,sans-serif;padding:15px}
  .ualert.red {background:#cd4040;}
  .ualert.green {background:#9dcd40;}
  .ualert.blue {background:#409dcd;}
  .ualert.violet {background:#9d40cd;}
  .ualert.yellow {background:#cd9d40;}
  .ualert.black {background:#262626;}

Установка завершена!

Функция вызова уведомления

Код

uAlert.open(id,color,html,time,obj);

id string - ID уведомления. На случай, если вы создадите несколько окошек с одинаковым ID, мы добавили к нему случайное числовое значение.
color string - цвет уведомления. Значение добавляется в качестве второго класса к элементу с классом "ualert". В CSS вы можете добавить любые стили к окошку определенного цвета и по желанию добавить еще окошки.
html string - текст уведомления. Допускается использование HTML.
time int - время "жизни" уведомления в миллисекундах. Укажите 0, если хотите, чтобы уведомление не исчезало.
obj object - дополнительные настройки окна. Пока что реализовано только событие клика по окошку (onclick string), при его указании это событие заменит закрытие окошка по клику. Значение onclick вставляется в атрибут onclick, поэтому функция записывается в string-виде.

Функция закрытия уведомления

Здесь все просто:

Код

uAlert.remove(id);

Где id - ID уведомления.

Функция настройки окошка

Код

uAlert.set(id,obj);

id string - ID уведомления, которое нужно изменить.
obj object - настройки уведомления. Ниже представлены доступные настройки.
color string - цвет уведомления.
html string - содержимое уведомления.
hide int - время "жизни" уведомления.

Пример кода:

Код

uAlert.open('blDemo','blue','тут текст, типо вебочка.ру',0,{onclick:'alert("Вы нажали на окошко");'});
  uAlert.set('blDemo',{color:'red',html:'Ошибка системы. Попробуйте позднее.',hide:3000});
  uAlert.close('blDemo');

Теги:

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

Ты можешь быть первым, кто оставит комментарий к публикации!

Всего комментариев: 0