Статьи
Портфолио
Друзья
Контакты

Последние статьи

06.07.2010 Memcache и Zend: у Вас "падает" Memcache? 4 коммент.

06.07.2010 Collabtive - web-based project management software 2 коммент.

03.06.2010 Ускоряем ZF-проекты: автолоад и сборка в один файл 2 коммент.

Все

Категории

PHP 2 стат.

Zend Framework 25 стат.

Javascript 3 стат.

Другое 12 стат.

Книги 1 стат.

Украина 1 стат.

Все

RSS

Статьи

Комментарии

Портфолио

Облако тегов

программирование  Программы  портфолио  php  zend framework  Zend_Db  Smarty  Zend_Form  паттерны  javascript  niceforms  jQuery  Zend_Mail  веб  Google  Zend_Rest  Zend_View_Helper  zend casts  Zend_View  Zend_Layout  speedUp  интернет  Загрузчик фотографий  Flash  ВКонтакте  zend  localization  zend_translate  gettext  антон шевчук  подарки  Я читаю  Книги  sphinx  релизы 

Все

Реклама



Статистика



Rambler's Top100

Главная > Статьи > Zend Framework > Легкость и ненавязчивость в одном пакете: jGrowl
04.03.09 Легкость и ненавязчивость в одном пакете: jGrowl

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

 

 

 

О чем собственно речь?


 

Сейчас работаю над крупным строительным порталом, и заказчику нужно было красиво выводить разные уведомительные сообщения, но он предоставил сделать такой функционал на наш выбор. Я сразу же вспомнил про симпатичный плагин jQuery — jGrowl. Он приносит мне удовольствие, я давно уже хотел прикрутить этот продукт к какому-то сайту. Было, правда, еще несколько похожих плагинов, но они мне не понравились.

 

Ок. Что он умеет. jGrowl — выводит информационные «окошки» по углам Вашего монитора. У него есть масса настроек и поддержка тем, что делает плагин очень эффективным. Например, для каждого нового проекта Вам придется сделать только новую тему и прицепить ее к плагину и все.

 

Поддержка тем позволяет выводить самые разнообразные «окошки», как вот на этой картинке:

Уведомительные окошки jGrowl

С этим плагином я быстро нашел общий язык, ведь его установка и использование не составили труда, но как же быть, если такие сообщения надо выводить повсеместно? Неужели нужно копипастить куски Javascript-кода? Зачем, для этих вещей есть более грамотные пути решения, например, написание собственного помощника вида. Это задача тривиальная, но вывод подобных сообщений занимает одну строчку.

 

Итак, вот наш помощник вида:

Ничего усложнять в нем я не хотел, поэтому сделал помощник максимально простым.

 

Тема iPhone

Класс наследует Zend_View_Helper_Abstract, в своем главном методе подключает jQuery, jQuery UI, jGrowl через помощник вида headScript. Также подключается таблица каскадных стилей плагина и генерируется необходимый Javascript-код. Поменяйте пути к файлам на свои и все помощник готов к использованию. Класс написан так, чтобы можно было «повесить» вывод сообщения на щелчок по элементу с переданным в помощник id.

 

Давайте посмотрим пример использования данного помощника вида в каком-то скрипте вида.

Как видите темы можно делать самые разнообразные — от простых до напичканных фоновыми рисунками.

Еще одна тема jGrowl

В любом случае взять на заметку себе этот плагин я рекомендую настоятельно, ведь кто знает, может завтра Вам нужно будет реализовать подобное…

Теги:  javascript, zend framework, Zend_View_Helper

Другие категории:

■ PHP ■ Zend Framework ■ Javascript ■ Другое ■ Книги ■ Украина
Комментарии к статье
  Мой профиль

25.05.09 09:39:38

СПАСИБО, попробую! молодец!

  illusive

31.05.09 12:12:29

Пожалуйста!

  Скакунов Александр

03.07.09 12:15:52

Классно, по-разработчески лениво! 

P.S. Не стоит использовать JPEG для таких картинок.

  Скакунов Александр

03.07.09 12:19:36

А экранировать кавычки не нужно? Сработает ли вывод строки с двойной кавычкой внутри?

 



P.S. Ещё по поводу капчи - надо убрать из неё букву "o" и цифру 0, сбивает с толку.

  illusive

04.07.09 09:54:35

Классно, по-разработчески лениво!

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

Также использую в своем проекте, который готовлю на осень 2009 года

  illusive

04.07.09 09:57:45

Кавычки экранировать надо. Недоработка в моих разработках исправлена, а здесь еще нет. Но все же нормальный программист обязательно это исправит - давать сразу готовое - значит избавить разработчика от изучения компонента. Изучение ему пригодится Улыбается

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

 
Статьи | Портфолио | Друзья | Контакты
Идея и мозги: Васильев Андрей © 2008-2010 Web-Blog Кисточка и фантазия: Зелинский Богдан