Поиск Разкрываючееся меню

[sasyk]

Ищу раскрывающееся меню для DLE.
Дружил бі с AJAX сам бы сделал, а так...
Юзал поиск - не нашел ничего, может кто имеет...

 

[g-prime]

А зачем здесь AJAX, можно и на JS:

1. Создаем файл menu.js, кладем его в папку js(с шаблоном) и вписываем в него:

function shiftMenu(n)
{
var el = document.getElementById('Menu'+n);
if ( el.style.display == 'none' )
el.style.display = 'block'
else
if ( el.style.display == 'block' )
el.style.display = 'none';
};

2. Затем файле main.tpl прописываем код, где подключаем наш JS:
<script type="text/javascript" src="{THEME}/js/menu.js"></script>

Использование:

<ul><li><a href="javascript:shiftMenu(1)" title="">Название главной рубрики</a></li></ul>
<ul id="Menu1" style="DISPLAY: none;">
<li class="children"><a href="" title="">Дочерняя рубрика</a></li>
</ul>

<ul><li><a href="javascript:shiftMenu(2)" title="">Название главной рубрики</a></li></ul>
<ul id="Menu1" style="DISPLAY: none;">
<li class="children"><a href="" title="">Дочерняя рубрика</a></li>
</ul>

ЗЫ Тестировал в барузерах: OPERA, SAFARI, FF - Работает на ура, в остальных не тестировал

 

[sasyk]

Так я и в яве как в AJAX спасибо тебе.

 

[DiMk@™]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[sasyk]

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

Добавлено через 7 минут

*** скрытое содержание ***

Да мне не выпадающее надо, а раскрывающееся.
Как проводник, нажал на + раскрылось, нажал на - свернулось:read:

 

[zakaji]

Можно вот так сделать (добавляем в нужное место в main.tpl

<a title="Меню 1" href="javascript:ShowOrHide('menu1');">+ Меню 1<p></a>
                              <div id="menu1" style="display:none;">
<ul>
<li><a href="/...." title="ссылко1">ссылко1</a>
<li><a href="/...." title="ссылко2">ссылко2</a>
<li><a href="/...." title="ссылко3">ссылко3</a>
<li><a href="/...." title="ссылко4">ссылко4</a>
<li><a href="/...." title="ссылко5">ссылко5</a>
</ul>
</div>
<a title="Меню 2" href="javascript:ShowOrHide('menu2');">+ Меню 2<p></a>
                              <div id="menu2" style="display:none;">
<ul>
<li><a href="/...." title="ссылко1">ссылко1</a>
<li><a href="/...." title="ссылко2">ссылко2</a>
<li><a href="/...." title="ссылко3">ссылко3</a>
<li><a href="/...." title="ссылко4">ссылко4</a>
<li><a href="/...." title="ссылко5">ссылко5</a>
</ul>
</div>

 

[sasyk]

попробую. А как иначе... надо искать

 

[awaer]

Вот посмотри модуль «Динамическое меню»

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[sasyk]

<script type="text/javascript">
var statys = 'block';statys1 = 'block';
function displayBlock(secondId){
document.getElementById(secondId).style.display = statys;
if(statys == 'block'){
statys = 'none';
} else {
statys = 'block';
}
}

function displayBlock2(secondId){
document.getElementById(secondId).style.display = statys1;
if(statys1 == 'block'){
statys1 = 'none';
} else {
statys1 = 'block';
}
}

</script>

<a href="#" onclick="displayBlock('frag1');return false;">пункт1</a><br>

<div id="frag1" style="display:none;"><p>
подпункт1<br>
подпункт2<br>
</p></div> 

<a href="#" onclick="displayBlock2('frag2');return false;">пункт2</a><br>

<div id="frag2" style="display:none;"><p>
подпункт1<br>
подпункт2<br>
</p></div> 

<a href="#" onclick="displayBlock2('frag3');return false;">пункт3</a><br>

<div id="frag3" style="display:none;"><p>
подпункт1<br>
подпункт2<br>
</p></div>

Вот так сделал, вроде работает...
Может еще кому нить пригодится.
Если пригодится - жмемь спс

 

[wasterel]

Если еще актуально, вроде есть хак такой специально для Dle.