Показать сообщение отдельно
  #1 (permalink)  
Старый 23.06.2008, 16:10
Новичок на форуме
Отправить личное сообщение для kostian02 Посмотреть профиль Найти все сообщения от kostian02
 
Регистрация: 19.06.2008
Сообщений: 1

Проблема с маркером
Всем доброго дня!

Возникла проблема. В общем приведенный ниже скрипт корректо работает в IE и Мозиле, но в Опере при раскрытии списка почему то неправильно меяется маркер(на стандартный, а не "minus.gif") При закрытии списка все нормально работает.

Подскажите в чем проблема?

Код:
<script language="javascript">
function changeDisplay(id)
{
  var ul = document.getElementById('ul' + id).style;
  var li = document.getElementById('li' + id).style;
  if ( ul.display == 'none' )
  {
    ul.display = 'block';
    li.listStyleImage = "url('minus.gif')";
  }
  else
  {
    ul.display = 'none';
    li.listStyleImage = "url('plus.gif')";
  }
}
</script>
</head>


<body>
<ul id="ul12">
		<li id="li1" style="list-style-image: url('plus.gif');"><a href="javascript: changeDisplay(1);">Вакансия 1</a></li>
		<ul id="ul1" style="display: none;">
			Тут идет большое пребольшое описание вакансии, зарплата, условия и т.д.
		</ul>
</ul>
<ul id="ul13">
		<li id="li2" style="list-style-image: url('plus.gif');"><a href="javascript: changeDisplay(2);">Вакансия 2</a></li>
		<ul id="ul2" style="display: none;">
			Хорошая вакансия
		</ul>
</ul>
<ul id="ul14">
		<li id='li3' style="list-style-image: url('plus.gif');"><a href="javascript: changeDisplay(3);">Вакансия 3</a></li>
		<ul id='ul3' style="display: none;">
			Бла-бла-бла
		</ul>
</ul>
</body>
</html>
Ответить с цитированием