Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > TYPO3 > Трех уровневое вертикальное раздвижное меню


Автор: komusito 21.3.2010, 15:47
Проблема так проблема. Ничего не получается.
user posted image

Код HTML который должен быть :

Код

<div class="left_menu">
    <ul>
        <li><div>ДЕЯТЕЛЬНОСТЬ</div>
            <ul>
                <li><a href="#">Сервисное обслуживание</a></li>
                <li><a href="#">Консалтинг и аудит</a></li>
                <li><a href="#">Проектирование</a></li>
                <li><a href="#">Телефония и АТС</a></li>
                <li><div>Серверы и компьютреы</div>
                    <ul style="display: block;">
                    <li><a href="#">Терминальные сервера</a></li>
                    <li><a href="#">Рабочие станции</a></li>
                    <li><a href="#">Платформы</a></li>
                    <li><a href="#">Кластеры</a></li>
                    <li><a href="#">Сервера(1U,2U,4U)</a></li>
                    </ul>
                </li>
                <li><a href="#">Системы безопасности</a></li>
                <li><a href="#">Локальные сети</a></li>
                <li><a href="#">Офисная техника</a></li>
                <li><a href="#">Гарантии</a></li>
            </ul>
        </li>
        <li><a href="#">УСЛУГИ</a></li>
        <li><a href="#">ПАРТНЕРЫ</a></li>
        <li><a href="#">ЛИЦЕНЗИИ</a></li>
        <li><a href="#">ВАКАНСИИ</a></li>
        <li class="active"><a href="#">АКЦИИ</a></li>
        <li><a href="#">НОВОСТИ</a></li>
        <li><a href="#">СЕРТИФИКАТЫ</a></li>
        <li><a href="#">ПРЕДСТАВИТЕЛЬСТВА</a></li>
        <li><a href="#">ДИЛЛЕРЫ</a></li>
    </ul>
</div>

фотка правильного кода :
user posted image
Код HTML который генерится (не правильный) :

Код

<div class="left_menu">
    <ul>
        <li><div>ДЕЯТЕЛЬНОСТЬ
            <ul>
                <li><a href="#">Сервисное обслуживание</a></li>
                <li><a href="#">Консалтинг и аудит</a></li>
                <li><a href="#">Проектирование</a></li>
                <li><a href="#">Телефония и АТС</a></li>
                <li><div>Серверы и компьютреы
                    <ul style="display: block;">
                    <li><a href="#">Терминальные сервера</a></li>
                    <li><a href="#">Рабочие станции</a></li>
                    <li><a href="#">Платформы</a></li>
                    <li><a href="#">Кластеры</a></li>
                    <li><a href="#">Сервера(1U,2U,4U)</a></li>
                    </ul>
                    </div>
                </li>
                <li><a href="#">Системы безопасности</a></li>
                <li><a href="#">Локальные сети</a></li>
                <li><a href="#">Офисная техника</a></li>
                <li><a href="#">Гарантии</a></li>
            </ul>
            </div>
        </li>
        <li><a href="#">УСЛУГИ</a></li>
        <li><a href="#">ПАРТНЕРЫ</a></li>
        <li><a href="#">ЛИЦЕНЗИИ</a></li>
        <li><a href="#">ВАКАНСИИ</a></li>
        <li class="active"><a href="#">АКЦИИ</a></li>
        <li><a href="#">НОВОСТИ</a></li>
        <li><a href="#">СЕРТИФИКАТЫ</a></li>
    </ul>
</div>


фотка не правильного кода (генерит TYPO3):
user posted image


Скрипт для TYPO3 (работает не правильно, герерится не правильный код)


Код

lib.submenu =  HMENU
lib.submenu {
  entryLevel = 1
  1 = TMENU
  1  {
    noBlur = 1
    expAll = 1
    wrap = <div class="left_menu"><ul>|</ul></div>
    NO.wrapItemAndSub = <li>|</li>
    IFSUB = 1
    IFSUB.doNotLinkIt = 1
    IFSUB.wrapItemAndSub = <li><div>|</div></li>
    ACT = 1
    ACT.wrapItemAndSub =<li class="active">|</li>
  }
  2 = TMENU
  2  {
    noBlur = 1
    expAll = 1
    wrap = <ul>|</ul>
    NO.wrapItemAndSub = <li>|</li>
    ACT = 1
    ACT.wrapItemAndSub =<li class="active">|</li>
    ACT.ATagParams = 
  }
  3 = TMENU
  3  {
    noBlur = 1
    expAll = 1
    wrap = <ul>|</ul>
    NO.wrapItemAndSub = <li>|</li>
    ACT = 1
    ACT.wrapItemAndSub =<li class="active">|</li>
    ACT.ATagParams = 
  }
}
[PIDinRootline = 3]
lib.submenu >
[end]

Автор: ZJZ 17.9.2010, 15:23
Код

1 = TMENU
  1  {
    noBlur = 1
    expAll = 1
    wrap = <div class="left_menu"><ul>|</ul></div>
    NO.wrapItemAndSub = <li>|</li>


Эта строка 
wrap = <div class="left_menu"><ul>|</ul></div>
заворачивает всё меню первого уровня. Отсюда и пляшите, если конечно уже не решили проблему. А если решили, то выкладывайте.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)