Автор Тема: Скрипт работает в Лисе и Опере, не работает в IE 6.0  (Прочитано 3079 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн d_bbgon

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 2
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Должно раскрываться/закрываться дерево.

В IE оно только раскрывается, но не закрывается.



Вот это вот в css

.w_item2{
   padding: 2px 6px 2px 1px;
   display: list-item;
   list-style: square;
   margin-left: 18px;
}
.w_item2_{
   padding: 2px 6px 2px 1px;
   display: none;
   list-style: square;
   margin-left: 18px;
}

Использую так:


Я полные ньюб в этом деле.
Требуется по быстрому сваять навигаци.
А не получается.

Буду очень благодарен за помощь.

С уважением, Дмитрий.
« Последнее редактирование: 28 Февраля 2007, 13:07:32 от d_bbgon »

Оффлайн brainkiller

  • Фанат форума
  • Ветеран
  • *****
  • Сообщений: 527
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
display: тщту; рулит!

Оффлайн html_coder

  • Фанат форума
  • Старожил
  • ****
  • Сообщений: 427
  • +0/-0
  • 0
    • Просмотр профиля
ай да brainkiller, ай да молодец )))

Оффлайн d_bbgon

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 2
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Цитировать
brainkiller:
display: тщту; рулит!

Тонко
Спасибо за помощь.
Она неоценима. :-)

Оффлайн brainkiller

  • Фанат форума
  • Ветеран
  • *****
  • Сообщений: 527
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
d_bbgon
я знаю! :)

Ну а если серьезно, то IE не видит branch.className[7] и выдает undefined.

Почему бы не сделать проще:


<head>
<
script language="JavaScript">
<!--

function 
w_open(divname){
	
var 
branch document.getElementById(divname);
	
if (
branch.className == \'hide\'){
	
branch.className = \'show\';
	
} else {
	
branch.className = \'hide\';}
}
//-->
</script>
<style>
<!--
.show {
padding: 2px 6px 2px 1px;
display: list-item;
list-style: square;
margin-left: 18px;
}
.hide {
padding: 2px 6px 2px 1px;
display: none;
list-style: square;
margin-left: 18px;
}
//-->
</style>
</head>
<body>

<div id="w_item" class="w_item"><a href="#" onclick="javascript:w_open(\'w_item2\');">qwerty</a></div>
<div id="w_item2" class="hide">zxcvb</div>

</body>
</html>

Оффлайн brainkiller

  • Фанат форума
  • Ветеран
  • *****
  • Сообщений: 527
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
А еще проще - не менять имена классов, а оперировать непосредственно branch.style.display

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28