Показать сообщение отдельно
  #5 (permalink)  
Старый 19.12.2011, 12:07
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

версия с использованием jquery, может быть не оптимально,
но по-моему нагляднее

<style>
#main div {padding:15px;margin:5px; border:1px solid #000;background:#f00}
#main .selected{background:#afa}
</style>
 
<div id="main">
  <div>Текст</div>
  <div>Текст</div>
  <div>Текст</div>
  Выделено объектов: <span>0</span>
</div>
 
<script src='http://code.jquery.com/jquery-git.js'></script>
<script>
$(function(){
  var el = $('#main > div'), // куда кликаем
      counter = $('#main > span'); // где отображаем число выделенных

  el.click(function (e) {
      $(this).toggleClass('selected'); // меняем класс
      var num = el.filter('.selected').length; // смотрим сколько выделено
      counter.text(num); // меняем текст
  });
});
</script>
Ответить с цитированием