Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Запомнить пункт в древовидном меню (https://javascript.ru/forum/misc/47035-zapomnit-punkt-v-drevovidnom-menyu.html)

arsi87 06.05.2014 09:39

Запомнить пункт в древовидном меню
 
Есть меню

<script type="text/javascript">

function tree_toggle(event) {
        event = event || window.event
        var clickedElem = event.target || event.srcElement

        if (!hasClass(clickedElem, 'Expand')) {
                return // клик не там
        }

        // Node, на который кликнули
        var node = clickedElem.parentNode
        if (hasClass(node, 'ExpandLeaf')) {
                return // клик на листе
        }

        // определить новый класс для узла
        var newClass = hasClass(node, 'ExpandOpen') ? 'ExpandClosed' : 'ExpandOpen'
        // заменить текущий класс на newClass
        // регексп находит отдельно стоящий open|close и меняет на newClass
        var re =  /(^|\s)(ExpandOpen|ExpandClosed)(\s|$)/
        node.className = node.className.replace(re, '$1'+newClass+'$3')
}


function hasClass(elem, className) {
        return new RegExp("(^|\\s)"+className+"(\\s|$)").test(elem.className)
}
</script>
</head>
<body>
<div onclick="tree_toggle(arguments[0])">
<div style="width:auto;text-align:center;font-size:1.2em;background-color:#006286;-moz-border-radius-top-left: 7px;
-webkit-border-top-left-radius: 7px;
 border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;color:#ffffff;font-weight:900;font-family:arial narrow;padding:10px 4px;">МЕНЮ</div>
<ul class="Container">
<!---------------------------------------------- BEGIN КАТЕГОРИЯ -------------------------------------------------->
<li class="Node IsRoot ExpandClosed">
    <div class="Expand"></div>
    <div class="Content"><a href="">КАТЕГОРИЯ</a></div>
    <ul class="Container">
<!-- BEGIN ПОДКАТЕГОРИЯ -->	
    <li class="Node ExpandLeaf">
 
        <div class="Content"><a href="">ПОДКАТЕГОРИЯ</a></div>
      </li>
<!-- END ПОДКАТЕГОРИЯ -->
</ul>
<!---------------------------------------------- END КАТЕГОРИЯ -------------------------------------------------->
<!---------------------------------------------- BEGIN КАТЕГОРИЯ -------------------------------------------------->
  <li class="Node IsRoot ExpandClosed">
    <div class="Expand"></div>
    <div class="Content"><a href="">КАТЕГОРИЯ</a></div>
    <ul class="Container">
	
	<!-- BEGIN ПОДКАТЕГОРИЯ -->	
	<li class="Node ExpandClosed">
        <div class="Expand"></div>
        <div class="Content"><a href="">ПОДКАТЕГОРИЯ</a></div>
        <ul class="Container">
          <li class="Node ExpandLeaf ">
           
            <div class="Content"><a href="">ТОВАР</a></div>
			
          </li>
        </ul>
      </li>
	<!-- END ПОДКАТЕГОРИЯ -->
<!-- BEGIN ПОДКАТЕГОРИЯ -->	
      <li class="Node ExpandClosed">
        <div class="Expand"></div>
        <div class="Content"><a href="">ПОДКАТЕГОРИЯ</a></div>
        <ul class="Container">
          <li class="Node ExpandLeaf ">
           
            <div class="Content"><a href="">ТОВАР</a></div>
			<div class="Content"><a href="">ТОВАР</a></div>
			<div class="Content"><a href="">ТОВАР</a></div>
			<div class="Content"><a href="">ТОВАР</a></div>
			<div class="Content"><a href="">ТОВАР</a></div>
			<div class="Content"><a href="">ТОВАР</a></div>
			<div class="Content"><a href="">ТОВАР</a></div>
          </li>
        </ul>
      </li>
<!-- END ПОДКАТЕГОРИЯ -->

<!---------------------------------------------- END КАТЕГОРИЯ -------------------------------------------------->


Подскажите, как его заставить запоминать текущее расположение пользователя. Т.е если человек кликнул, на товар и ушёл на страницу с товаром, то меню после обновления страницы запомнило этот переход и осталось раскрытым на данном товаре.

danik.js 06.05.2014 10:07

На стороне сервера, в зависимости от запрошенной страницы добавлять особый класс активному пункту меню. Во всех нормальных CMS такая возможность встроена.

arsi87 06.05.2014 10:22

Сайт не на цмс. Сайт самописный.
А с кодом не поможете? А то я js незнаю

danik.js 06.05.2014 13:09

А сайт че, на js разве написан?


Часовой пояс GMT +3, время: 23:08.