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

<style type="text/css">
a.active{
  color:red;
}
</style>

<div class="cont_left">
            	<ul>
<li><a class="active" href="#" onclick="DoIt(this);return false">Текст 1</a></li>
<li><a href="#" onclick="DoIt(this);return false">Текст 2</a></li>
<li><a href="#" onclick="DoIt(this);return false">Текст 3</a></li>
<li><a href="#" onclick="DoIt(this);return false">Текст 4</a></li>
<li><a href="#" onclick="DoIt(this);return false">Текст 5</a></li>
<li><a href="#" onclick="DoIt(this);return false">Текст 6</a></li>
                </ul>
            </div>

<script type="text/javascript">
function DoIt (a) {
  var link = a.parentNode.parentNode.getElementsByTagName('A');

  for(var i=0; i<link.length; i++){
    link[i].removeAttribute('class')
  }
  a.setAttribute('class', 'active')
}
</script>
Ответить с цитированием