Активная ссылка

Тема в разделе "OpenCart", создана пользователем vivivor, 18 мар 2013.

  1. vivivor

    vivivor

    Регистрация:
    4 янв 2013
    Сообщения:
    186
    Симпатии:
    162
    Понадобилось сделать отдельное меню
    там две ссылки главная и страница категории
    Как добавить новый класс к ссылки в зависимости от того где я нахожусь? если я на главной странице - к ссылке прибавляется класс active
    --- добавлено: Mar 18, 2013 4:30 PM ---
    и как такие ссылки называются? на будущее)
     
  2. nix

    nix php, MySQL, UNIX, MikroTik ROSAPI

    Регистрация:
    16 янв 2013
    Сообщения:
    1.000
    Симпатии:
    889
    В header.tpl вставляем JS код
    Код:
    <script>
    $(function(){
    	var url = window.location.pathname,
    		urlRegExp = new RegExp(url.replace(/\/$/,'') + "$");
    		$('.links a').each(function(){
    			if(urlRegExp.test(this.href.replace(/\/$/,''))){
    				$(this).addClass('active');
    			}
    		});
    });
    </script>
    Всем сылкам что находятся в блоке с класом .links если активная будет приписиватся active
    Клас блока можна поменять на свой, например вместо .links написать .moyclass
    ну и в стилях уже дописать что нужно
    .links a.active {
    }
     
    vivivor нравится это.
  3. vivivor

    vivivor

    Регистрация:
    4 янв 2013
    Сообщения:
    186
    Симпатии:
    162
    C домашней страницей работает, спасибо.
    Но когда на странице категорий - класс не добавляется
     
  4. nix

    nix php, MySQL, UNIX, MikroTik ROSAPI

    Регистрация:
    16 янв 2013
    Сообщения:
    1.000
    Симпатии:
    889
    Я ж написал что клас добавляется для блока с класом .links
    в категориях другой клас или ИД. Напиши свой и будет щастье)
     
  5. vivivor

    vivivor

    Регистрация:
    4 янв 2013
    Сообщения:
    186
    Симпатии:
    162
    у меня в одном блоке

    Код:
    <div id="menu">
    	<div class="menufon leftmenu">
    		<a href="/" class="icohome">Главная</a>
    		<a href="/index.php?route=product/category&path=20/" class="alltovars">Все товары</a>
    	</div>
    	<div class="menufon rightmenu">
    		<?php echo $cart; ?>
    	</div>
    </div>
    Код:
    <script>
    $(function(){
    	var url = window.location.pathname,
    		urlRegExp = new RegExp(url.replace(/\/$/,'') + "$");
    		$('.leftmenu a').each(function(){
    			if(urlRegExp.test(this.href.replace(/\/$/,''))){
    				$(this).addClass('active');
    			}
    		});
    });
    </script>