Написанный мной плагин выполняет несколько функций:
1) Реализация 'behavior.framework' и 'behavior.jquery' - возможность указать путь для загрузки из CDN ( рекомендуется )
2) Возможность расширить 'behavior.*' путем добавления файлов в определенную папку. Тоесть можно устанавливать пакеты типа file и полуqчать новые функции, такие как лайтбоксы, скроллеры, слайдеры и прочее прочее.
3)Возможность перекрыть дефолтные методы типа 'behavior.formvalidation', 'behavior.tooltips', 'behavior.keepalive' реализованные на jquery, тем самым безболезненно избавиться от мутулза.
CDN Яндекс :
Mootools (устаревшая версия, не тестировал):
http://yandex.st/mootools/1.3.1/mootools.min.js jQuery:
http://yandex.st/jquery/1.7.1/jquery.min.jsCDN Google:
Mootools:
https://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.jsjQuery:
https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.jsЕсли у вас нет причин не загружать библиотеку с CDN, загружайте ее с Яндекса ( либо с
Googleа - это ускорит загрузку сайта.
Пример. Мы хотим интергировать в свой сайт замечательный плагин Fancybox. Или Colorbox:
1) Ставим плагин htmlbehavior.
2) Ставим пакет типа file fancybox ( или colorbox)
3) Пишем в наших модулях/компонентах/шаблонах строчку инициализации - JHtml::_('behavior.fancybox', 'a[rel="lightbox"]'), тем самым инициализируя фэнсибокс для ссылок, которым указан атрибут rel="lightbox"
Все просто и быстро.
На данный момент имеются следующие "плагины":
Для jQuery:
- Colorbox - отличный лайтбокс-плагин с гибкими настройками и большими возможностями настройки стилей.
Демо и документацию смотрим здесь: http://jacklmoore.com/colorbox - Cookie - удобная работа с печеньками в браузере.
- Cycle - большой набор эффектов для слайдшоу. Детали: http://jquery.malsup.com/cycle/
- Easing - набор функций , полезных в основном для движущихся эелементов
- Fancybox - один из лучших лайтбоксов на jquery. Помимо эффекта Lightbox доступны другие эффекты - например увеличение превьюшки до полноразмерной картинки без затемнения страницы. Детали: http://fancyapps.com/fancybox/
- Form - Плагин, нужный для сериализации полей формы для отправки путем ajax-запроса. Предоставляет методы ajaxForm и ajaxSubmit. Детали http://malsup.com/jquery/form/
- jScrollPane - плагин для настройки стиля полосы прокрутки. Подменяет настоящий скроллбар - div'ом, стиль которого можно задать в CSS. Детали: http://jscrollpane.kelvinluck.com/
- Mousewheel - предоставляет возможность другим плагинам реагировать на событие прокрутки колеса мышки ( если не ошибаюсь)
- jCarousel - каруселька с кнопками вперед-назад. Если укажем число видимых блоков = 1, то получим слайдер, прокручивающий например фотки, или любой другой контент. Не подключает какие-либо css-стили - это нужно делать самому. Примеры и опции: http://billwscott.com/carousel/
Для Mootools:
- MooScroll - плагин для настройки стиля полосы прокрутки. Подменяет настоящий скроллбар - div'ом, стиль которого можно задать в CSS. Детали: http://greengeckodesign.com/mooscroll
- MultiBox- Lightbox для отображения различного контента, включая картинки и видео. https://github.com/samuelbirch/MultiBox
- ReMooz - плагин для отображения полноразмерных картинок, кликая по превью. Всплывшие изображения можно перетаскивать, раскладывать рядышком, например для визуального савнения. Подробнее: http://digitarald.de/project/remooz/. Автор плагина является также автором SqueezeeBox, лайтбокса, интегрированного и широко использующегося в Joomla.
- Slimbox - довольно известный лайтбокс, однако кнопки Вперед и Назад, а также Закрыть выполены ввиде графики, и потому не локализованы (Prev, Next, Close) - если кто сможет доработать, убрав с картинок текст, оставив выразительные иконки - добавлю в архив
Кроме того, для jQuery есть набор system из keepalive, formvalidation, caption и tooltips - полных jquery-аналогах mootools-зависимых файлов.
Почти все плагины имеют одинаковый формат вызова:
JHtml::_('behavior.имяплагина', '.selector', array('option1' => 'value1', 'option2' => 'value2');
MultiBox отличился - вместо селектора принимает имя css- класса (по рукам бы разработчику надавать за "отличие") - можно обойти, указав чета типа 'blabla, .mySelector'.
Плагины типа cookie, form, mousewheel и подобные - не принимают никаких параметров.
Надеюсь плагин поможет многим сохранить время и силы на разработку и улучшение сайтов, ибо сегодня почти ни один сайт не обходится без js-плагинов.
Так же буду рад дополнять список плагинов, присылайте file-инсталляхи, только пожалуйста, придерживайтесь стандартов, используемых у меня в инсталляшках.
Качаем сам плагин - htmlbehavior.zip и нужный mootools/jquery плагин, устанавливаем их по очереди. Минимальная версия Joomla - 1.7
[вложение удалено Администратором]