• DONATE to NULLED!
    Форуму и его команде можно помочь, мотивировать модераторов разделов.
    Помогите модератору этого раздела killoff лично.

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

Статус
В этой теме нельзя размещать новые ответы.

sasyk

Постоялец
Регистрация
10 Ноя 2008
Сообщения
130
Реакции
6
Ищу раскрывающееся меню для DLE.
Дружил бі с AJAX сам бы сделал, а так...
Юзал поиск - не нашел ничего, может кто имеет...
 
А зачем здесь 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 - Работает на ура, в остальных не тестировал
 
Так я и в яве как в AJAX спасибо тебе.
 
попробовал..
не-е-е
Чето не раскрывается
Может я бы и поразбирался с ним... но ... увы не умею.
Я этот код скопировал, а он как-бы не работает
Помогите мне..:(

Добавлено через 7 минут
*** скрытое содержание ***

Да мне не выпадающее надо, а раскрывающееся.
Как проводник, нажал на + раскрылось, нажал на - свернулось:read:
 
Можно вот так сделать (добавляем в нужное место в 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>
 
попробую. А как иначе... надо искать
 
HTML:
<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>
HTML:
<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>

Вот так сделал, вроде работает...
Может еще кому нить пригодится.
Если пригодится - жмемь спс:smmne:
 
Если еще актуально, вроде есть хак такой специально для Dle.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху