Вторая версия плагина jNotifier для показа уведомлений на сайте

27 Февраль 2012

Привет всем. Помните еще в Апреле 2011 года я делал плагин для показа сообщений уведомлений на сайте? Кто не помнит или не знает, вот ссылка на пост. В общем недавно решил немного его переделать. Полностью изменил внешний вид на более симпатичный, а также сделал небольшой конфигуратор для демонстрации плагина в работе.

На заметку, шрифт в сообщениях используется PT Sans Narrow. Взять его можно с Google Fonts, если вам лень искать, тогда вот полный путь CSS для подключения шрифта на свой сайт:

<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin,cyrillic" rel="stylesheet" type="text/css" />

Плагин прекрасно работает под последним билдом jQuery, а именно под версией 1.7.1. В целом внешний вид сообщений получился гораздо изящней предыдущей версии. Забираем и пользуемся, и если хотите отблагодорить, то можете купить плагин на стоке CodeCanyon .

Комментарии к записи

  • 1 Март 2012

    Здорово! Первая версия плагина у меня никак не хотела срабатывать… А эта работает если просто вставить всё из примера.
    Но как вызвать сообщение из PHP?

    • 1 Март 2012

      Из самого PHP вызывать сообщения нельзя, скрипт ведь JS`овый :)
      Но можно сделать обертку в шаблоне для вызова, например:

      <?php if (/* condition */) { ?>
      <script type="text/javascript">$.jnotify(/* parametrs */);</script>
      <?php } ?>
    • 1 Март 2012

      Понятно, спасибо!
      Но заработало только после того, как я нашел какие параметры нужны (жаль что они не указаны в статье). Нашел их у вас на CodeCanyon в комментариях:

      $.jnotify('title', 'message', 'image src', {lifeTime: 3000, close: function() { /*your code*/ }});
    • 1 Март 2012

      Только ковычки подменить на обычные одинарные (тут какие-то необычные) =)

    • 1 Март 2012

      Какие параметры нужно передавать указанно в прошлой статье (в записе есть ссылка же). Повторять их я не стал, так как они не изменились.

    • 1 Март 2012

      И для обрамления кода с подстветкой можете использовать ббкоды с названием языка.

    • 1 Март 2012

      Ок, учту, спасибо! Всё работает на УРА! Аж приятно.. )
      Буду следить за новостями блога!

  • 5 Март 2012

    Текст на фоне можно было сделать светлее, чтобы контраст был. Читать будет легче
    А так круто!

  • 16 Апрель 2012

    Извините, я так понимаю это плагины для самописных сайтов? на wordpress он не пойдет?

    • 16 Апрель 2012

      Без разницы, это плагин на jQuery, его можно встраивать куда угодно.

  • 16 Апрель 2012

    Добрый день.
    Под какой лицензией распространяется скрипт? Можно ли его использовать в скрипте который распространяется под лицензией GPL2 ?

  • MrArthur
    21 Апрель 2012

    Добрый день.
    Подскажите пожалуйста, как можно динамически менять цвет фона в вашем скрипте?
    $(‘.message-box’).css(‘background’, ‘red’); — не подходит, т.к. меняет фон всех блоков сразу. Мне нужно сделать разделение на сообщения об ошибке (красный фон), сообщения об успешном действии (зеленый фон) и просто сообщения (черный фон).
    Т.е. нужно присвоить background-color именно ТЕКУЩЕМУ сообщению, которое вызвалось последним.

    • 21 Апрель 2012

      В данном скрипте не предусмотрены кастомные классы для сообщений. Но вы можете использовать вот этот скрипт: http://sofcase.net/post/make-plugin-on-jquery-for-shows-hintmessages/ В нём предусмотрены кастомные классы.

    • MrArthur
      21 Апрель 2012

      Спасибо за оперативный ответ и за скрипты!
      Буду пробовать тот скрипт…
      Если можно, несколько пожеланий…
      1. Сделать все таки поддержку изменения фона в данном скрипте.
      2. Разрешить в параметрах отключать те или иные элементы блока (заголовок, иконку «закрыть» и т.д.). Можно конечно просто не передавать заголовок в параметрах, но блок для него все равно генерируется (messageHeader.appendTo(g);).
      Еще раз спасибо!

    • 21 Апрель 2012

      Учту пожелания :)

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