Динамическое меню

5 Posts

webwake Reply #1, 15 years, 3 months ago

http://studio.z169236.infobox.ru/company/
Справа есть меню. 1 элемент отмечен как выбранный, второй просто.

Как сделать чтобы это все менялось динамически? то есть в зависимости от выбранной страницы?

	<div class="menu">
			<ul class="menu">

<li class="menu"><a href="/company/services/" class="company_menuitem">
		<span class="corner_fix_10_topleft"></span>
		<span class="corner_fix_10_topright"></span>
		<span class="corner_fix_10_bottomleft"></span>
		<span class="corner_fix_10_bottomright"></span>
	WE DO IT</a></li>

<li class="menu"><span class="company_menuitem">
		<span class="corner_fix_10_topleft_selected"></span>
		<span class="corner_fix_10_topright_selected"></span>
		<span class="corner_fix_10_bottomleft_selected"></span>
		<span class="corner_fix_10_bottomright_selected"></span>
	FRESH TOOLS</span></li>

			</ul>
		</div>

718 Posts

Paprikas Reply #2, 15 years, 3 months ago

Создаем чанк activeMenuRowTpl с кодом

<li class="menu"><span class="company_menuitem">
		<span class="corner_fix_10_topleft_selected"></span>
		<span class="corner_fix_10_topright_selected"></span>
		<span class="corner_fix_10_bottomleft_selected"></span>
		<span class="corner_fix_10_bottomright_selected"></span>
	[+wf.linktext+]</span></li>

в вызов wayfinder добавляем &hereTpl=`activeMenuRowTpl`

меню вообще что-ли статическое?

5 Posts

webwake Reply #3, 15 years, 3 months ago

да ) статическое )

Я конечно понимаю что вы и так помогли, спасибо ) Но хочу попросить вас доделать вызов )

[!wayfinder &Tpl=`MenuRowTpl` &hereTpl=`activeMenuRowTpl`!]
И в MenuRowTpl код для неактивного.. правильно??

wayfinder с дочерних ресурсов берет информацию? как добавить id родителя?

718 Posts

Paprikas Reply #4, 15 years, 3 months ago

чанк MenuRowTpl

<li class="menu"><a href="[+wf.link+]" class="company_menuitem">
		<span class="corner_fix_10_topleft"></span>
		<span class="corner_fix_10_topright"></span>
		<span class="corner_fix_10_bottomleft"></span>
		<span class="corner_fix_10_bottomright"></span>
	[+wf.linktext+]</a></li>

Чтобы показывался "родитель", добавляем &displayStart=`1`, но зачем?
&level=`1` Чтобы показывать дочерние на 1 уровень глубины.
Выставляем класс контейнеру &outerClass=`menu`

финальный вариант. Кэшированный.
[[Wayfinder? &startId=`ID контейнера` &level=`1` &displayStart=`1` &outerClass=`menu` &rowTpl=`MenuRowTpl` &hereTpl=`activeMenuRowTpl`]]

5 Posts

webwake Reply #5, 15 years, 3 months ago

http://studio.z169236.infobox.ru/company/services/pr/kosmo_pr.html

Вроде работает )) спасибо )

Только не пойму почему шрифт увеличен... 0_o

по html на выходе вроде все верно.. может wayfinder свои css подключает?

718 Posts

Paprikas Reply #6, 15 years, 3 months ago

вызов надо вставить вместо <ul class="menu"></ul>
а не внутри.

5 Posts

webwake Reply #7, 15 years, 3 months ago

		<div class="menu">
			<ul class="menu">			
[[Wayfinder? &startId=`16` &outerClass=`menu` &rowTpl=`MenuRowTpl` &hereTpl=`activeMenuRowTpl`]]
                        </ul>
		</div>

У меня сейчас вот так.. в tpl как вы и писали.
Убирал <ul> <ul>, wayfinder добавляет их сам ))

Но шрифт все равно увеличен.. попробую в стиль
<div style="font-size:12px;"> </div>
Заключить

UPD: Помогло <div style="font-size:10px;"> [+wf.linktext+] </div>

Спасибо, может подскажете еще по /topic,66585.0.html ?? ))

718 Posts

Paprikas Reply #8, 15 years, 3 months ago

Лучше убрать их кода указание шрифта и понять почему шрифт увеличился.