Архив метки: JQuery

Бесплатное jQuery аккордеон меню для Joomla 1.6

Недавно очень был необходим модуль или плагин для Joomla 1.6 который бы облегчил создание раскрывающегося меню по типу аккордеон. Ввиду того, что Joomla 1.6 вышла недавно, бесплатных плагинов на данную тему я не нашел, вот и пришлось мне искать подобный модуль на просторах могущего. После недолгих поисков, я понял, что столь несложная задача не должна занять у меня больше времени нежели поиск по различным форумам и сайтам. Я решился и привинтил к существующему модулю меню (которое стандартное Joomla 1.6) accordeon menu, чем и спешу с Вами поделиться.

Берем напильник и зубило в руки, и принимаемся за работу над созданием вертикального аккордеон меню для Joomla 1.6. с раскрытой активной подменюшкой.

В общем задача несложная:

1. Создаем обычное меню и добавляем ему в настройках суффикс класса меню _left, с вложенными подменю и публикуем его (в настройках этого меню — ставим галочку напротив «всегда раскрыть все подменю»).

2. Качаем файлик acc-menu.js. Для любителей, или для тех кто боится вирусов, ниже предлагаю исходный код:

 

3. Загружаем файлик в папку js Вашего шаблона (если нету такой папки, то надо создать)

4. Подключаем это все дело в файле index.php Вашего шаблона между тегами :
[code="php"]


[/code]

5. Идем в файлик modules/mod_menu/tmpl/default.php и делаем вот что:
Ищем на 63 строке
[code="php"]
echo '

      ';

 

      [/code]

 

      И меняем на:

 

      [code="php"]

 

        echo '

 

        ';

 

        [/code]

 

Вот и все, если Вы были хорошими мальчиками и девочками, у Вас должно было Ваше развернутое меню спрятаться, и при клике разворачивать подменю. А также разворачивать меню, которое на данный момент активно :)
Думаю решение несложное, и под силу даже новичку.

Я не претендую на лучи славы, а просто напросто оставляю себе на будущее заметку, о том как я это дело провернул, с надеждой, что возможно кому-то мои труды пригодятся в работе.

Все кто ищет, или будет искать jQuery accordeon menu Joomla 1.6 здесь найдут то, что им нужно, да и абсолютно бесплатно. Конечное без настроек в административной части, но ничего, и так помоему все ясно.

UPD. Данный хак применялся только на Joomla 1.6. Но по моему с Joomla 1.5 должно быть то же самое.

UPD2. Хак проверялся только с 2х уровневым меню, если будет больше уровней, скорее всего, что придется допиливать данный метод

Лучшие jQuery плагины 2010 года

JqueryJQuery —  это JavaScript Framework, который набирает все большую популярность в течение 2010 года, что повлекло за собой появления обилия плагинов,  в связи с чем выбор лучшего при разработке становится все труднее и труднее. Мы приложили максимум усилий чтобы найти и определить лучшие плагины по типам, которые будут полезны в разработке очередного проекта. Вот наш выбор лучших плагинов JQuery 2010 года, которые будут полезны любому веб–разработчику при создании уникальных проектов.

Nivo Slider

jquery slider

Супер быстрый слайдер изображений  с возможностью выбора 9 эффектов перехода. Он также поддерживает такие возможности как привязка ссылки к изображению и навигация с помощью клавиатуры.

Quicksand

QuicksandЭтот плагин поможет вам в  сортировке и фильтрации чего–либо используя красивую анимацию. Для работы нужно всего лишь указать ID списка, в котором нужно выбирать список доступных значений и второй контейнер со списком, который нужно показывать при смене того или иного параметра сортировки. Новые элементы будут появляться с красивым эффектом  масштабирования + альфа-эффект, пропадающие элементы будут иметь эффект уменьшения. Оставшиеся элементы будут красиво отсортированы.

Spritely

SpritelySpritely — это JQuery плагин, который разработан командой Аrtlogic специально для создания динамических персонажей и фоновых анимаций, используя только чистый HTML и JavaScript.

Lettering.js

Lettering.jsЛегкий, простой в использовании JQuery плагин для применения радикальных идей в  веб–типографике.

Colortip

ColortipColortip конвертирует атрибут title=»” указанных элементов на ваших страницах в прекрасные выплывающие боксы с подсказками. Доступно 6 разных цветовых шаблонов,  которые очень легко можно изменить под свои нужды.

Masonry

MasonryMasonry — это плагин макета JQuery. Проще говоря это обратная сторона CSS свойства float.  В то время как свойство float располагает элементы горизонтально, а потом вертикально, то плагин Masonry располагает элементы сначала вертикально, а потом горизонтально в соответствии с сеткой. В результате вертикальные зазоры между элементами  различной высоты становятся минимальными, как бы каменьщик ложит кирпичи.

Animated table sort

Animated table sortЭтот плагин позволяет применить к любой таблице вашего сайта красивую анимационную сортировку того или иного столбца по заданным параметрам.

jQuery Image Scale Carousel

jQuery Image Scale CarouselПри работе в онлайне с изображениями или фотографиями, сохранять пропорции изображений также важно как ничто другое.  Сохранение пропорций — это одно из лучших функций данного плагина.  С ним вам больше не прийдеться переживать по поводу сохранения пропорций того или иного изображения.  jQuery Image Scale Carousel — автоматически кадрирует ваши изображения, а настроить его очень просто.

YoxView

YoxViewYoxView — это лучший на мой взгляд  бесплатный Lightbox плагин для просмотра изображений и видео c ,огромным количеством настроек и функций. С его помощью можно отображать огромное количество типов данных: изображения, видео, встроенный контент, iframe, Flash и многое другое.