Показать сообщение отдельно
  #8 (permalink)  
Старый 05.08.2011, 11:52
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

<style>
div {
   width: 50px;height: 20px;float: left;cursor: pointer;margin-left: 20px;
}

.simple {
   background-color: orange;
}

.active {
   background-color: white;
}
</style>
<div class="simple" onclick="check(this);">Div 1</div>
<div class="simple" onclick="check(this);">Div 2</div>
<div class="simple" onclick="check(this);">Div 3</div>
<script>
var current;
function check(obj) {
   obj.className = 'active'; //Текущему объекту присваиваем класс "active"
   if (current)
      current.className = 'simple'; //Прежнему активному ставим обратно класс "simple"
   current = obj; //Сохраняем текущий кликнутый объект
}
</script>
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием