|
14.07.2012, 10:53
|
Интересующийся
|
|
Регистрация: 23.06.2012
Сообщений: 17
|
|
Событие при открыти странриц.
Добрый день.
Такая проблема. Есть список с вложенными списками, которые разворачиваються при клике.
<style>
#menu_catalog {
background:#81A192;
width:200px;
list-style-image: url(../img/rect_orange.jpg);
padding:0;
margin:0;
font-size: 10pt;
}
#menu_catalog li {
padding:3px;
margin-left: 20px;
}
#menu_catalog li a{
color:#000;
font-family:verdana,arial,sans-serif;
text-decoration:none;
list-style-type:none;
display: block;
}
.sub_catalog {
padding:0;
margin:0;
list-style-image:none;
margin-left: 5px;
}
.sub_catalog{
display:none;
}
#menu_catalog li.ShoW{
list-style-type:none;
background-color:#A2BFD8;
margin-bottom:2px;
}
.sub_catalog li{
border:0;
color:#fff;
list-style-image: url(../img/catalog_dot.jpg);
margin-left: 15px;
}
</style>
<ul id="menu_catalog">
<li><a href="#">Menu 1</a>
<ul class="sub_catalog" >
<li><a href="#">sub menu 1</a></li>
<li><a href="#">sub menu 2</a></li>
<li><a href="#">sub menu 3</a></li>
<li><a href="#">sub menu 4</a></li>
<li><a href="#">sub menu 5</a></li>
<li><a href="#">sub menu 6</a></li>
<li><a href="#">sub menu 7</a></li>
</ul>
</li>
<li ><a href="#">Menu 2</a>
<ul class="sub_catalog" >
<li><a href="#">sub menu 1</a></li>
<li><a href="#">sub menu 2</a></li>
<li><a href="#">sub menu 3</a></li>
<li><a href="#">sub menu 4</a></li>
<li><a href="#">sub menu 5</a></li>
<li><a href="#">sub menu 6</a></li>
<li><a href="#">sub menu 7</a></li>
</ul>
</li>
<li ><a href="#">Menu 3</a>
<ul class="sub_catalog" >
<li><a href="#">sub menu 1</a></li>
<li><a href="#">sub menu 2</a></li>
<li><a href="#">sub menu 3</a></li>
<li><a href="#">sub menu 4</a></li>
<li><a href="#">sub menu 5</a></li>
<li><a href="#">sub menu 6</a></li>
<li><a href="#">sub menu 7</a></li>
</ul>
</li>
</ul>
<script>
$(".sub_catalog").parent('li').find("a:first").cli ck(function () {
var ULcng = $(this).next()
ULcng.parent('li').toggleClass('ShoW')
ULcng.toggle('slow')
return false;
});
</script>
1- я кликнул развернулся спсико с подсписком, далше кликаю на ссылку li в подсписке ( sub_catalog ) и отправляюсь на страницу ,
как сделать чтобы список в котором находиться эта страница, в момент когда я нахожусь на ней был развернут, по умолчанию послеперехода он сворачиваеться.
Спасибо!
|
|
14.07.2012, 10:58
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Сообщение от psydo
|
как сделать чтобы список в котором находиться эта страница, в момент когда я нахожусь на ней был развернут, по умолчанию послеперехода он сворачиваеться.
|
1.Ставить кук по событию клика на ссылку, при переходе на новую - страницу - тестить кук , сворачивать данное подменю
или - 2. Смотреть текущий адрес - сравнивать в меню - и закрывать данный подсписок при совпадении адресов
|
|
14.07.2012, 11:14
|
Интересующийся
|
|
Регистрация: 23.06.2012
Сообщений: 17
|
|
вот мне как раз надо наоборот... Что то типо если я на таком то адресе , то развернуть подменю в котором сслка на этот адрес...
|
|
14.07.2012, 11:31
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
|
|
14.07.2012, 23:06
|
Интересующийся
|
|
Регистрация: 23.06.2012
Сообщений: 17
|
|
ммм решил проблему гораздо проще =)))
пометил на каждой страничке <script>outerindex = 1,2,3,4 в зависимости от того в каком вложеном списке находиться</script>
а в вложенным ul дал id="sc1" "sc2" "sc3" итд...
запилил тупо функцию с кейсом и подключил.
function show_sub_ul() {
var gk = outerindex
switch (gk) {
case 1: {$("#sc1").css("display","block")
break;}
case 2: {$("#sc2").css("display","block")
break;}
case 3: {$("#sc3").css("display","block")
break;}
}
}
Теперь если я на страничке всегда открываеться тот список в котором ссылка на ээту страничку =)
Приметивно зато работает =))))
|
|
14.07.2012, 23:19
|
Интересующийся
|
|
Регистрация: 23.06.2012
Сообщений: 17
|
|
Подскажите как правильно получить элемент .. точнее прилепить к нему .css свойства...
есть такой кусок
<ul id="menu_catalog">
<li ><a href="#" ><div class="border_menu"><div class="border_menu1">Скатная кровля</div></div><div class="catalog_select_part"></div></a>
<ul id="sc1" class="sub_catalog" >
<li><a href="page1.1.aspx" >page1.1</a></li>
<li><a href="page2.1.aspx" >page2.1</a></li>
</ul>
</li>
<li ><a href="#" ><div class="border_menu"><div class="border_menu1">Скатная кровля</div></div><div class="catalog_select_part"></div></a>
<ul id="sc2" class="sub_catalog" >
<li><a href="page2.1.aspx" >page2.1</a></li>
<li><a href="page2.2.aspx" >page2.2</a></li>
</ul>
</li>
</ul>
................................
................................
................................
Теперь находясь на страницах подкаталога 1 он всегда развернут.
На страницах подкаталога 2 , развернут он.
Теперь мне надо изменить css свойства элементов border_menu и border_menu1 но только у тех чей подкаталог развернут.
Тоесть я знаю что развернут ul sub_catalog с id=sc1.
Получаеться мне надо обратится к родителю sc1 и уже там добавлять css для моих border_menu и border_menu1
попробовал что то типо этого не вышло.
$("#sc1").parentNode.$(".border_menu").css("","" )
Подскажите пожалуйсто!
|
|
14.07.2012, 23:52
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
$("#sc1").parent("li").find(".border_menu").css("" ,"" )
Последний раз редактировалось Deff, 14.07.2012 в 23:55.
|
|
15.07.2012, 05:46
|
Интересующийся
|
|
Регистрация: 23.06.2012
Сообщений: 17
|
|
Спасибо большое ... тоесть чтобы задействовать родителя мне надо еще к парэнту родительский элемент добавить?
|
|
15.07.2012, 10:33
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Сообщение от psydo
|
тоесть чтобы задействовать родителя мне надо еще к парэнту родительский элемент добавить?
|
Да не обязательно, можно и так .parent()
Друго дело у Вас вид другой был
.parent() - это первый ближайший
|
|
15.07.2012, 15:24
|
Интересующийся
|
|
Регистрация: 23.06.2012
Сообщений: 17
|
|
Опять вопрос про замены и поиск...
Вот есть такой кусок кода ....
<div id="navi">
<p><span id="Breadcrumb"><a href="page.html" ">Каталог</a> <img alt="*" src="/images/breadcrumb.gif"> <a href="page2.html" >о-компании</a></span>
</p>
</div>
Мне надо чтобы <img /> стало невидимым или вообще исчезло, а на его место новый блок <div>
Пробую делать вот так. Добавляю перед div navi скрипт
<script>
function repNAVI () {
var newNAVI = $("#Breadcrumb").find("img");
$("#Breadcrumb").find("img").css("display","none") ;
var div1 = document.createElement ('DIV');
div1.innerHTML = 'Hello, World';
newNAVI.parentNode.appendChild(div1);
break;}
repNAVI ();
</script>
что не так???
|
|
|
|