Усовершенствованный компонент 1С-Битрикс bitrix:menu

Апр 25, 2010 1С-Битрикс, CMS, JavaScript, PHP, Программирование, Работа

Добрый день, дорогие читатели!

Если Вы следите за моим  twitter‘ом, то наверное, читали твит анонс, в котором я говорил про пост о 1С-Битрикс и jQuery меню. В данный момент, решил не много отдохнуть от работы и диплома, поэтому выкладываю пост.

Как видно из названия, в данном посте пойдет речь о стандартном компоненте 2.0 CMS 1С-Битрикс, который я немного усовершенствовал под свои нужды. Начну из далека, по работе дали задание, в котором требуется реализовать раскрывающиеся меню с сохранением раскрытых пунктов при переходе и реализовать все это на файлах меню (.left.menu.php). Как только я получил данное задание, задумался о том, как же реализовать меню на файлах? До этого я сталкивался только с меню строящимся из информационных блоков. Сразу бросается в глаза, что можно использовать стандартный компонент bitrix:menu, в котором есть все необходимые настройки, кроме одной: вывод полного меню на любой странице, даже после перехода.

Формулировка задачи

Во-первых, необходимо доработать компонент bitrix:menu и научить его всегда выводить выбранное меню (left) от корня сайта. Во-вторых, привязать меню на jQuery с плагином jQuery.cookie. Со вторым пунктом все намного проще, так как наработки в данном направлении уже имеются и о них я писал на блоге (пост “Меню на jQuery“). С первым в общем-то тоже проблем не было, нужно было только придумать как все красиво подправить, чтобы это работало, было удобно и можно было использовать в других проектах. С постановкой задачи мы определились, пора приступать к реализации.

Читать полностью… »

Метки: 1С-Битрикс, JQuery, Компонент 2.0, Пример, программирование

Меню на jQuery

марта 10, 2010 JavaScript, Программирование

Доброго времени суток, уважаемый читатель!

Совсем не давно по работе получил задание сделать раскрывающееся меню, да не просто меню, а с запоминанием раскрытых разделов, возможностью перехода на страницу товара по нажатию на название раздела и раскрытием / закрытием по нажатию на знак “+”. Данный функционал, необходимо было интегрировать в CMS 1С-Битрикс, поэтому я принял решение делать компонент, но в данном посте не об этом речь, если конечно будет интересно почитать о компоненте, то напишу.

Итак, постановка задачи ясна, теперь приступим к реализации. Но перед тем как перейти непосредственно к программированию и написанию, я думаю стоит более подробно разобраться в требованиях предъявляемых к нашему меню, а именно сохранение раскрытия после перезагрузки страницы и возможность перехода на страницу раздела по нажатию на название. Во-первых, чтобы сохранялась иерархия, мы будем использовать куки, так как это самый простой вариант реализации, да и другого я что-то сходу так и не придумаю. Во-вторых, переход осуществляется по нажатию на название раздела, т.е. для раскрытия мы сделаем знак “+”, который будет храниться в теге span, ну вот теперь приступим.

Читать полностью… »

Метки: JQuery, JS, Меню, Пример, программирование

С Днем Рождения, JQuery!

Янв 14, 2010 JavaScript, Новости, Программирование

Да 14 января JQuery увидела свет, в далеком уже 2006 году!

Это замечательный инструмент для создания красивых фишек на сайт и не только для наведения красоты, но и создание полезного функционала для улучшения юзабельности – в общем очень качественный и хороший продукт!

Скачать библиотеку можно по прямой ссылке: JQuery 1.4

Так же по этому поводу на сайте 14 дней с JQuery пройдет 14 дневная акция, в ходе которой будет доступно много полезной информации по JQuery 1.4!

Метки: JavaScript, JQuery, Web Dev, программирование, Разработка