Плагин «Уведомления» на базе jQuery (2.0)

1537
9.2 из 10
Проголосовало: 5




  • Скачать с сервера
  • Скачать
  • Смотреть демо

Рад представить вам новую версию плагина «Уведомления» на базе jQuery 2.0.

В данную версии появились возможности:

1. Возможность выбора типа уведомления. (Обычное, Ошибка, Успех)
2. Возможность выбора позиции уведомления, их 4. (Верхний правый угол, Нижний правый угол, Верхний левй угол, Нижний левый угол.)
3. Уведомление закрывается по истечению установленного время, или при клике на него.

Подключение:
1. Скачиваем прикрепленный Файловый архив.
2. Устанавливаем код в < head >, таким образом:

Code

<link type="text/css" rel="StyleSheet" href="/css/jquery_unot_2.0.css" />  
  <script type="text/javascript" src="/js/jquery.unot.2.0.js"></script>


Использование:
1. Обычное уведомление - Текст уведомления.
2. 5000 - Время исчезновения уведомления.
3. {type: 'error', position: 'rt'} - Опции уведомления.

Опция type: - Тип уведомления.

1. error - тип ошибки. (type: 'error')
2. success - тип успех. (type: 'success')

Опция position: - Позиция уведомления.

1. rt - Правый верхний угол. (position: 'rt')
2. rb - Правый нижний угол. (position: 'rb')
3. lt - Левый верхний угол. (position: 'lt')
4. lb - Левый нижний угол. (position: 'lb')

Code

$.uNot('Обычное уведомление', 5000, {position: 'rb'}); // Обычное уведомление, появится в правом верхнем углу.  
  $.uNot('Уведомление об ошибке', 5000, {type: 'error', position: 'rb'}); // Уведомление об ошибке, появится в правом верхнем углу.  
  $.uNot('Уведомление об успехе', 5000, {type: 'success', position: 'rb'}); // Уведомление об успехе, появится в правом верхнем углу.
Автор публикации: Загрузка
Загрузка
Disturbed, это его n материал
Источник: http://usite.su/
  • Всего комментариев: 1

DontST0PMe
Ответить
0
DontST0PMe написал: Написано 09 Июля 2012 в 15:56
Комментарий №1
Не работает чего-то.

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2122
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    276
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: