Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.07.2012, 10:53
Интересующийся
Отправить личное сообщение для psydo Посмотреть профиль Найти все сообщения от psydo
 
Регистрация: 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 ) и отправляюсь на страницу ,
как сделать чтобы список в котором находиться эта страница, в момент когда я нахожусь на ней был развернут, по умолчанию послеперехода он сворачиваеться.
Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 14.07.2012, 10:58
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от psydo
как сделать чтобы список в котором находиться эта страница, в момент когда я нахожусь на ней был развернут, по умолчанию послеперехода он сворачиваеться.
1.Ставить кук по событию клика на ссылку, при переходе на новую - страницу - тестить кук , сворачивать данное подменю

или - 2. Смотреть текущий адрес - сравнивать в меню - и закрывать данный подсписок при совпадении адресов
Ответить с цитированием
  #3 (permalink)  
Старый 14.07.2012, 11:14
Интересующийся
Отправить личное сообщение для psydo Посмотреть профиль Найти все сообщения от psydo
 
Регистрация: 23.06.2012
Сообщений: 17

вот мне как раз надо наоборот... Что то типо если я на таком то адресе , то развернуть подменю в котором сслка на этот адрес...
Ответить с цитированием
  #4 (permalink)  
Старый 14.07.2012, 11:31
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Проблема с автоскрытием элементов навигации пост 21
Ответить с цитированием
  #5 (permalink)  
Старый 14.07.2012, 23:06
Интересующийся
Отправить личное сообщение для psydo Посмотреть профиль Найти все сообщения от psydo
 
Регистрация: 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;}
}
}
Теперь если я на страничке всегда открываеться тот список в котором ссылка на ээту страничку =)
Приметивно зато работает =))))
Ответить с цитированием
  #6 (permalink)  
Старый 14.07.2012, 23:19
Интересующийся
Отправить личное сообщение для psydo Посмотреть профиль Найти все сообщения от psydo
 
Регистрация: 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("","" )

Подскажите пожалуйсто!
Ответить с цитированием
  #7 (permalink)  
Старый 14.07.2012, 23:52
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

$("#sc1").parent("li").find(".border_menu").css("" ,"" )

Последний раз редактировалось Deff, 14.07.2012 в 23:55.
Ответить с цитированием
  #8 (permalink)  
Старый 15.07.2012, 05:46
Интересующийся
Отправить личное сообщение для psydo Посмотреть профиль Найти все сообщения от psydo
 
Регистрация: 23.06.2012
Сообщений: 17

Спасибо большое ... тоесть чтобы задействовать родителя мне надо еще к парэнту родительский элемент добавить?
Ответить с цитированием
  #9 (permalink)  
Старый 15.07.2012, 10:33
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от psydo
тоесть чтобы задействовать родителя мне надо еще к парэнту родительский элемент добавить?
Да не обязательно, можно и так .parent()
Друго дело у Вас вид другой был
.parent() - это первый ближайший
Ответить с цитированием
  #10 (permalink)  
Старый 15.07.2012, 15:24
Интересующийся
Отправить личное сообщение для psydo Посмотреть профиль Найти все сообщения от psydo
 
Регистрация: 23.06.2012
Сообщений: 17

Опять вопрос про замены и поиск...
Вот есть такой кусок кода ....

<div id="navi">

<p><span id="Breadcrumb"><a href="page.html" ">Каталог</a>&nbsp;<img alt="*" src="/images/breadcrumb.gif">&nbsp;<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>
что не так???
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
history рассширение для браузеров не поддерживающих pushState, replaceState devote Ваши сайты и скрипты 187 13.08.2015 10:40
Изменение псевдокласса DISABLED при активации события Electron Общие вопросы Javascript 30 14.11.2011 11:42
проблема с событиями при работе с Ext.extend slavik27 ExtJS 1 04.09.2011 13:05
Как правильно подавить событие при подключении своего обработчика? Маэстро Firefox/Mozilla 2 03.09.2011 11:46
Не срабатывают события из iframe при перетаскивании в него курсора в Opera jaguar954 Events/DOM/Window 1 01.08.2011 12:17