Меню+каталог

Marzocchi66 · 4 Авг 2011

Здравствуйте!
Не могу придумать, как доработать меню.
Есть каталог и есть меню.
Вот меню:

PHP:

<div class="menu_catalog">
<div class="menu_list" id="secondpane">
<p id="menu1" class="menu_head"><a href="/catalog/upakovochnoe_i_vesovoe_oborudovanie/">Упаковочное и весовое оборудование</a></p>
<div class="menu_body">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
<p id="menu2" class="menu_head"><a href="/catalog/rashodnye_materialy/">Расходные материалы</a></p>
<div class="menu_body">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
</div>
</div>

А вот скрипт:

PHP:

$(document).ready(function()
{
$("#secondpane p#menu1").mouseover(function()
{	     $('p#menu1').css({backgroundImage:"url(/images/espo/index-menu_1-x34.png) no-repeat scroll 0 0 transparent"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
         $('p#menu1').siblings().css({backgroundImage:"url(/images/espo/index-menu_1-noactive.png) no-repeat scroll 0 0 transparent"});
});
$("#secondpane p#menu2").mouseover(function()
{
$('p#menu2').css({backgroundImage:"url(/images/espo/index-menu_2-x34.png) no-repeat scroll 0 0 transparent"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
         $('p#menu2').siblings().css({backgroundImage:"url(/images/espo/index-menu_2-noactive.png) no-repeat scroll 0 0 transparent"});
});
});

Меню работает по принципу: навёл на пункт, он развернулся.
Вопрос:
Как сделать так, чтобы при переходе в раздел каталога, открывалось соответствующий пункт меню?
Спасибо!

Marzocchi66 · 5 Авг 2011

Может как-то через location.href сделать?
Точно не знаю, но примерно так:
Допустим ссылка будет /razdel1/
var q = location.href;
if (q == 'http://www.домен.ru/razdel1/') {
а сюда код который откроет нужный пункт меню(p#menu1)
}

Подскажите)

---------- Post added at 15:40 ---------- Previous post was at 14:34 ----------

Ещё родился вариант!
Помогите довести до ума пожалуйста.
Нужно задавать куку на
<a onclick="razdel1" href="/razdel1/"></a>
А в онклике:

PHP:

$(document).ready(function(razdel1){
$.cookie("имя", "значение");
});

А потом можно вешать <body onload="get_razdel1">
А в в онлоаде:

PHP:

$("#secondpane p#menu1").     что сюда?т.е. сразу после загрузки открыть         (function(get_razdel1)
{
$('p#menu1').css({backgroundImage:"url(/images/espo/index-menu_1-x34.png) no-repeat scroll 0 0 transparent"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
});

Так прокатит?

Меню+каталог

Marzocchi66

Постоялец

Marzocchi66

Постоялец