Главная » Файлы » Скрипты для uCoz » Другие скрипты
uAlert - замечательные уведомлялки для вашего сайта by Kelin & Goodmind для uCoz
24.06.14, 17:05:28

Скачать файл



Неплохие простые уведомлялки для вашего сайта. Замечательно подходят для небольших уведомлений. Радует, что авторы предусмотрели несколько цветовых оттенков и возможность лёгкой настройки

Установка:

В самый низ после < /body > вставляйте:
Код
<script src="/js/ualert_1.0.js"></script>


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

    Теперь научимся закрывать нужное нам окно:
    Код
    uAlert.remove(id);
    Здесь у нас id - айди окна, которое нужно закрыть

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


    Скрипт из прикреплённого архива залейте в папку js

    Источник: http://web41k.ru

    Материал подготовлен Apocalypse
    • Категория: Другие скрипты | Добавил: Apocalypse | Теги: Kelin, uAlert, by, Вашего, Goodmind, уведомлялки, сайта, для, замечательные
    Просмотров: 609 | Загрузок: 0 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Имя *:
    Email: