Показать сообщение отдельно
  #4 (permalink)  
Старый 14.10.2017, 17:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

Illibes,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .setting-row{
      border: 1px dashed Gray; padding: 5px; height: 100px; width: 100px ;
      background-color: rgba(139, 69, 19, 1);
  }

  </style>

  <script>

 window.addEventListener('DOMContentLoaded', function() {
  var o=document.createElement('img');
  o.src='http://superadm.net/uploads/icons/camera_test.png';
  o.classList.add("yes-marker");  
  var divs = document.querySelectorAll(".setting-row");
  [].forEach.call(divs, function(item) {
          item.addEventListener('click', function() {
              var img = item.querySelector('.yes-marker');
              if (img)  item.removeChild(img);
              else item.appendChild(o.cloneNode())
          });
      });

  });

  </script>
</head>

<body>
<div class="setting-row"></div>
<div class="setting-row"></div>
<div class="setting-row"></div>
</body>
</html>

Последний раз редактировалось рони, 14.10.2017 в 17:44.
Ответить с цитированием