uAlert - новая система уведомлений

1760
8.2 из 10
Проголосовало: 14






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

Установка скрипта:

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

Код
<script type="text/javascript">$.getScript('http://webo4ka.ru/Ucoz7/ualert_1.0.js');</script>


2. В 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');


Всё!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://by Kelin & Goodmind Web41k.ru
  • Всего комментариев: 2

FalleN
-1
FalleN написал: Написано 19 Июня 2013 в 13:14
Комментарий №1
Мысль конечно интересная, но дайте Демку! Не хочу устанавливать!

Goodmind
-1
Goodmind написал: Написано 19 Июня 2013 в 17:42
Комментарий №2
не реклама:

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
    Последние темы
    Опрос
    470
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: