web development

30 января 2007 года вышла очередная версия SmartMenus 6.0 (final) - довольно популярного DHTML / Javascript меню. Раньше мне уже приходилось использовать более старые версии этих скриптов и их интеграция не вызывала особых проблем. Поэтому, когда недавно возникла необходимость в простой менюшке, я, не долго думая, скачал последнюю версию.

SmartMenus - это простое решение для простых задач, статических сайтов, где в дизайне предусмотрено выпадаюшее меню и бюджет не позволяеет выдумывать велосипед. С момента выхода первой бета-версии до финального релиза прошло девять месяцев, довольно долгий срок, хотя это можно понять учитывая, что продукт практически полностью переписали. А то что уже третий месяц финальный релиз лежит на сервере без изменений говорит только о том, что все баги устранены и смело можно пользоваться.

Что же такого особенного в новой версии?

Самым главным нововведением является перенос структуры меню из конфигурационного файла в код страницы. Если раньше, чтоб построить меню требовалось инициализировать огромный js-массив со сложной структурой, то теперь это делается с помощью маркированых списков HTML - <UL> и <LI>. Скрипт распарсивает и создаёт из этого списка динамическое меню ещё до окончания загрузки страницы. Благодаря такой структуре:

• Поисковые роботы смогут увидеть навигацию сайта такой, какая она должна быть
• Даже при отключенном javascript пользователь увидит дерево меню (а если вы правильно пропишете стили для маркированного списка, то ваш дизайн может быть даже не порвёт, стили можно задавать любые, так как скрипту нужна только структура меню)
• Стало проще генерировать динамические меню из базы данных (в CMS), причём с любым уровнем вложенности, например дерево категорий для интернет магазина и т.п.
• Упрощается код, нету лишнего мусора (javascript-а в коде страницы)
• Интеграция стала максимально простой, меню - это всего 2 файла, скрипт и конфигурационный файл

В добавок ко всему SmartMenus имеет очень гибкую конфигурацию стилей, правда в многочисленном количестве параметров конфигурационного массива можно запутаться, но это мелочи по сравнению с возможностями скрипта. Таблица стилей для пунктов меню создаётся “на лету”, при желании можно использовать свой css. Собственный стиль можно задать чуть ли не для каждого пункта.

Однако, будьте осторожны с пользовательскими css-аттрибутами, особенно c margin и padding, мне нужно было картинки на фон пунктов меню вставлять и из-за наследования  свойств родителей дочерними пунктами были жуткие “глюки” с определением ширины и отрисовкой в разных браузерах. Долгое время я полагал, что это баги скрипта, но потом всё же нашёл как исправить.

В общем из всего вышесказанного делаем выводы, что SmartMenus - это простой и удобный бесплатный продукт, отвечающий всем современным требованиям W3C и SEO. Рекомендую.

Trackback URI | Comments RSS