Как на Joomlа сделать плавный разворот меню?

Как на Joomlа сделать плавное разворачивание верхнего меню ?
Как в этом примере - ссылка

У меня пример почему-то не работает.

Известные модули, которые реализуют этот эффект как правило идут со своим дизайном,
который никому не нужен. При чем попытки прописать в них стили ни к чему также не приводят.

Вопрос актуален для Joomla 1.5.23

В примере mootool используется, а в джумле у Вас скорее всего jQuery
они конфликтуют. это в FireBug видно по логу.
как вариант еще имена стилей могут быть другими в Вашем варианте.

Цитата ("ArtPro"):

как вариант еще имена стилей могут быть другими в Вашем варианте.

Первое вряд ли, так как во первых в таких случаях во первых IE сразу же "кричит" об ошибках.
Во вторых я тестирую на совсем чистой Joomla без кода, который мог бы вызывать конфликт.

Что же касается имен то если Вы обратили внимание в примере предусмотрена возможность подставлять суффикс.
Кстати если просмотреть HTML работающего примера то там ничего не подставлено.

Разве, что в примере это не реализовано как надо

Сайт покажите свой

$$('ul.menu li.parent'.each(function( liparent )
ul.menu - для ul класс menu смотрится
в Вас <ul class="art-menu"> класс art-menu


и почему два "$"?

Art-menu теоретически должно подставляться в div.moduletable/*_ваш_суффикс_модуля*/{

Но так не работает.

С одним $ такой же результат. Да и в HTML работающего примера два значка

Вот здесь ссылка рабочий пример с исходниками такого меню.

Попробуйте ссылка
Оно 100% рабочее - сам использовал. И стили меняются легко

Цитата ("ArtPro"):

и почему два "$"?

Возвращает массив элементов

Цитата ("mirekua"):

Art-menu теоретически должно подставляться в div.moduletable/*_ваш_суффикс_модуля*/{

в коде написано $$('ul.menu li.parent'.each(function( liparent )

У меня не заработал ни один из приведенных примеров.

Хотя я даже установил каркасный шаблон (то есть минимальный) на jooml-у и прописал библиотеки mootools, которые идут с примерами

Но в 1.5.23 и так установлена Mootools 1.2.5

У Вас там кусок window.addEvent('domready'... заремин. Откройте его, чтобы можно было хотя бы ошибки псмотреть.)

elosoft, я на локалке тестирую. Тот сайт уже сдан заказчику
Могу код скинуть

Если действительно надо проверить, то в отписал в личку email куда можно отправить. Просто через сохранение страницы получаетс не рабочая страница и там не потестируешь.

Вот пример страницы с MooDropMenu ссылка

html:

<ul class="top_menu" id="top_menu">

	<li><a href="/novosti/">Новости</a></li>

	<li><a href="/programms/">Программы</a>

		<ul class="l2">

			<li><a href="/programms/premiya/">Премия за лучшую дипломную работу о Нидерландах</a></li>

			<li><a href="/programms/wednesday/">Голландская среда</a></li>

			<li><a href="/programms/salon/">Нидерландские гостиные</a></li>

			<li><a href="/programms/fond_vilgelminy_e_yansen/">Фонд Вильгельмины Э. 

			Янсен</a></li>

			<li><a href="/programms/perevodcheskie_seminary/">Переводческие семинары</a></li>

			<li><a href="/programms/vypuskniki/">Выпускники</a></li>

		</ul>

	</li>

	.............

</ul>

яваскрипт:

window.addEvent('domready', function(){

	$('top_menu').MooDropMenu({

		onOpen: function(el){

			el.fade('in')

		},

		onClose: function(el){

			el.fade('out');

		},

		onInitialize: function(el){

			el.fade('hide').set('tween', {duration:500});

		}

	}); 

});

Используется mootools 1.3.2

elosoft, спасибо. Хоть задача и не актуальна уже. Но интересно на будущее

Vlad_06, спасибо. Это должно быть то меню к которому прикреплен соответствующий модуль джумла.
Если просто скопировать
<ul class="top_menu" id="top_menu">
<li><a href="/novosti/">Новости</a></li>
<li><a href="/programms/">Программы</a>
<ul class="l2">

То не заработает.

Долго копаться

Цитата ("mirekua"):

Это должно быть то меню к которому прикреплен соответствующий модуль джумла. Если просто скопировать

А это - стандартное меню, гененрируемое ЮМИ. Не думаю, что Джумла сильно делает иначе.
Указание на меню, которое нужно обработать, передается в конструктор через id меню вот так: $('top_menu'.MooDropMenu . Вместо прямого указания id можно передать ссылку на элемент:

var menu = $('top_menu'; //или
menu.MooDropMenu .....

классы там я задавал для себя, для выпадалки они не нужны.

Т.о. вам нужено только правильно сформированный список у которого задан id, и указание этого id в конструкторе.
Список генерируется модулем, как задать ему id в джумле я не знаю, но как-то наверно можно.