Показать сообщение отдельно
  #2 (permalink)  
Старый 18.01.2014, 18:58
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

<style>
      #myblock>div {
        width:30%;
        height: 50px;
        border: 2px solid #000;
        margin: 5px;
        display: inline-block;
      }
      .active {
        background-color: red;
      }
    </style>
  </head>
  
  <body>
    <div id="myblock">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <script>
      var el, target;
      myblock.onclick = function (e) {
        e = e || window.event;
        target = e.target || e.srcElement;
        if (target.id =="myblock") return;
        el && (el.className = '');
        target.className = 'active';
        el = target;
      }
    </script>
  </body>

Последний раз редактировалось Vlasenko Fedor, 18.01.2014 в 19:00.
Ответить с цитированием