Меню на select

Возник вопрос
как реализовать главной меню на select

<select>
   <option value="" selected="selected">Select</option> 
   <option value="">{$aLang.blog}</option>
   <option value="">{$aLang.blogs}</option>
   <option value="">{$aLang.people}</option>	
</select>  

Причем надо чтобы в зависимости от того, какой экшн, был выделен соостветствущий пункт меню.
Речь идет об этом меню (если кто не понял)
<ul class="pages">
				<li {if $sMenuHeadItemSelect=='blog'}class="active"{/if}><a href="{cfg name='path.root.web'}">{$aLang.topic_title}</a></li>
				<li {if $sMenuHeadItemSelect=='blogs'}class="active"{/if}><a href="{router page='blogs'}">{$aLang.blogs}</a></li>
				<li {if $sMenuHeadItemSelect=='people'}class="active"{/if}><a href="{router page='people'}">{$aLang.people}</a></li>				
				{hook run='main_menu'}
			</ul>

13 комментариев

avatar

<select>
   <option value="">Select</option> 
   <option value="" {if $sMenuHeadItemSelect=='blog'}selected{/if}>{$aLang.blog}</option>
   <option value="" {if $sMenuHeadItemSelect=='blogs'}selected{/if}>{$aLang.blogs}</option>
   <option value="" {if $sMenuHeadItemSelect=='people'}selected{/if}>{$aLang.people}</option>    
</select> 


так?
avatar
да, а ссылку как прописать?
avatar
<select  onchange="location = this.options[this.selectedIndex].value;">
   <option value="">Select</option> 
   <option value="{cfg name='path.root.web'}">{$aLang.blog}</option>
   <option value="{router page='blogs'}">{$aLang.blogs}</option>
   <option value="{router page='people'}">{$aLang.people}</option>    
</select>
avatar
Крутое решение :)
Правда перехожу по ссылке, активным остается Select
avatar
про

...{if $sMenuHeadItemSelect=='blog'}selected{/if} ...

не забыли?
avatar
конечно забыл!
avatar
<select  onchange="location = this.options[this.selectedIndex].value;">
   <option value="">Select</option> 
   <option value="{cfg name='path.root.web'}" {if $sMenuHeadItemSelect=='blog'}selected{/if}>{$aLang.blog}</option>
   <option value="{router page='blogs'}" {if $sMenuHeadItemSelect=='blogs'}selected{/if}>{$aLang.blogs}</option>
   <option value="{router page='people'}" {if $sMenuHeadItemSelect=='people'}selected{/if}>{$aLang.people}</option>    
</select>


Вот что сделано. Работает! Спасибо большое за помощь!
avatar
Дайте ссылку на результат работы, для новичков полезно будет.
avatar
результат будет в новом шаблоне )
avatar
макет в студию)
avatar
ну да, размечтались :)
avatar
Есть минус такого меню — яша с трудом индексирует (есть опыт).
avatar
Это меню нужно исключительно для отображения на смартфонах, так что индексация тут не принципиальна.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.