Модуль [мод] Дерево категорий

Тема в разделе "DLE", создана пользователем cosmos, 25 сен 2007.

Информация :
Актуальная версия DataLife Engine 11.1
( Final Release v.11.1 | Скачать DataLife Engine | Скачать 11.1 demo )
Нужно ли обновляться | Как обновиться | Изменения в шаблонах
> Нет русских символов <
[Приватная тема DLE (Все подробности в ЛС к модератору раздела)]

Версии 10.0 и ниже - уязвимы!

Локализации | F.A.Q. | Внешний вид
Правила раздела | Правила форума
Обсуждение хайда карается баном!
В каждом сообщении указывайте версию DLE, которого они касаются!
Статус темы:
Закрыта.
Модераторы: killoff
  1. cosmos

    cosmos Постоялец

    Регистр.:
    27 ноя 2006
    Сообщения:
    129
    Симпатии:
    38
    [​IMG]
    Раскрывающееся дерево категорий.
    Категории раскрываются без перезагрузка страницы. Все данные берутся из базы данных движка - вам не нужно ничего добавлять вручную. Используется всего один запрос к БД. Можно менять иконки у категорий. Особо не проверял, но кажется поддерживается бесконечное вложение категорий. :)
    Посмотреть работу можно тут: http://lanzone.onet.ua/
     

    Вложения:

    alexwweb, h0ttab[sun] и eshkin нравится это.
  2. cosmos

    cosmos Постоялец

    Регистр.:
    27 ноя 2006
    Сообщения:
    129
    Симпатии:
    38
    Вот еще вариант!

    [​IMG]
    1. Открываем файл main.tpl 2. В нужном месте (ваша навигация) вставляете следующий код (необходимо предварительно отредактировать код, поставив нужные ссылки:(
    PHP:
    <table><tr><td>
    • <a href="/index.php" title="Главная страница сайта">Главная страница</a></td></tr>
    <
    SCRIPT language=JavaScript type="text/javascript">
    var 
    browserName '';
    var 
    browserNew '';
    function 
    getIdProperty(id,property) {
            var 
    styleObject document.getElementByIdid );
            if (
    styleObject != null) {
                
    styleObject styleObject.style;
                    if (
    styleObject[property]) {
                        return 
    styleObjectproperty ];
                    }
                }
            return (
    styleObject != null) ?
            
    styleObject[property] :
            
    null;
        }
    function 
    setIdProperty(id,property,value) {
            var 
    styleObject document.getElementByIdid );
            if (
    styleObject != null) {
                
    styleObject styleObject.style;
                
    styleObjectproperty ] = value;
            }
        }
    function 
    getDisplay(id) {
            if (
    browserNew) {
                return 
    getIdProperty(id,"display");
            }
            else {
                if (
    browserName == "NS") {
                    return 
    document.layers[id].display;
                }
                else {
                    return 
    document.all[id].style.display;
                }
            }
        }
    function 
    switchDisplay(id,value) {
            if (
    browserNew) {
                
    setIdProperty(id,"display",value);
            }
            else {
                if (
    browserName == "NS") {
                    
    document.layers[id].display value;
                }
                else {
                    
    document.all[id].style.display value;
                }
            }
        }
    function 
    expandContent(idparam){
        if (
    getDisplay('t' id) == 'none') {
            
    switchDisplay('t'+id,'block');
            
    setIdProperty('a'+id'color''#000000')
        } else {
            
    switchDisplay('t'+id,'none');                          
            
    setIdProperty('a'+id'color''#444444')
        }
    }
    </SCRIPT>
    <tr><td>» <a href="#" onClick="expandContent('1'); return false;">1 раздел</a>
    <br></td></tr><tr><td>
    <div id="t1" style="border:0px; display:none;padding-left:10px;">
    <a href="ссылка на раздел 1"><B>Все разделы</B></a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    </div></td></tr>
    <tr><td>» <a href="#" onClick="expandContent('2'); return false;">2 раздел</a>
    <br></td></tr><tr><td>
    <div id="t2" style="border:0px; display:none;padding-left:10px;">
    <a href="ссылка на раздел 2"><B>Все разделы</B></a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    </div></td></tr>
    <tr><td>» <a href="#" onClick="expandContent('3'); return false;">3 раздел</a>
    <br></td></tr><tr><td>
    <div id="t3" style="border:0px; display:none;padding-left:10px;">
    <a href="ссылка на раздел 3"><B>Все разделы</B></a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    • <a href="ссылка на подраздел">Подраздел</a><br>
    </div></td></tr>
    </table>
    3. Обращаем внимание на: expandContent('1'), expandContent('2'), expandContent('3') - на каждое подменю своя переменная и на: div id="t1", div id="t2", div id="t3" - на каждое подменю своя переменная
     
  3. h0ttab[sun]

    h0ttab[sun]

    Регистр.:
    30 авг 2007
    Сообщения:
    319
    Симпатии:
    43
    наводящий во прос убрать кресики и сдвиг в право убрать можно?
     
  4. cosmos

    cosmos Постоялец

    Регистр.:
    27 ноя 2006
    Сообщения:
    129
    Симпатии:
    38
    Крестики ты имеешь ввиду синие???
     
  5. GauraStyle

    GauraStyle Kot

    Регистр.:
    13 фев 2007
    Сообщения:
    1.492
    Симпатии:
    916
    Да нет, он не синие имеет в виду походу, а в квадратиках, хотя чесно не понятно зачем их убирать, можно естественно придумать что угодно, ведь это картинки, зачем спрашивать то, найди себе что посчитаеш нужным или сам нарисуй и вставь и все проблемы решены. Ненужно ведь делать всё как у всех, а замутить под себя и получит счастье.
    ;)
     
  6. staker

    staker

    Регистр.:
    24 ноя 2006
    Сообщения:
    226
    Симпатии:
    33
    первый вариант по моему лучше
     
  7. Liser_25

    Liser_25 Создатель

    Регистр.:
    21 июн 2007
    Сообщения:
    43
    Симпатии:
    4
    попробую поставить.. вот отлично былоБ если бы использывалось кэширование. и выводилось скоко не опубликовано новостей на главной =/
     
  8. Nightwalker

    Nightwalker

    Регистр.:
    4 фев 2007
    Сообщения:
    230
    Симпатии:
    22
    мне понравился второй вариант, т.к. не использует бд и можно самому писать ссылки как хочешь. а в первом варианте выводятся как есть, т.е. без ЧПУ. поставил сначала первый, потом второй и на нем остался
     
  9. Liser_25

    Liser_25 Создатель

    Регистр.:
    21 июн 2007
    Сообщения:
    43
    Симпатии:
    4
    афтар по просьюам сделал с кэшированием и с поддержкой чпу
    держите :ay:
    _http://slil.ru/24908389
    вот кажется более прямая ссылка _http://slil.ru/24908389/156691881/Category_tree_(from_Kafax)_with_cache.zip :)
     
    cosmos нравится это.
  10. fa2m

    fa2m Создатель

    Регистр.:
    11 янв 2007
    Сообщения:
    20
    Симпатии:
    8
    Если я поствлю себе этот мод будут ли поисковым ботам видны ссылки на категории?
     
Статус темы:
Закрыта.