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

feoalter7,
макет в моём понимании ... естественно обьекта general тут нет ... добавьте сами минимально то что локализует и покажет проблему
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
 <input id="add" name="add" type="button" value="add">
 <div id="time_wrapper"></div>
<script>
var button = document.getElementById("add")
 button.addEventListener("click", addDiv, false);
    function addDiv(e){
    var wrap = document.getElementById('time_wrapper'); //находим основной блок
    var elem = document.createElement('div'); //создаем дочерний элемент div

    elem.setAttribute("class", "time_list_on_edit"); //дочернему элементу добавляем класс

    elem.innerHTML = '<span>Отбытие: <input type="time" name="departure[]" value="" /></span>\
                      <span>Прибытие: <input type="time" name="arrival[]" value="" /></span>'; //добавляем контент

    var deletebtn = document.createElement('button'); //создаем элемент, по клику на который должен удаляться дочерний элемент elem

    deletebtn.prototype = {
        'deleteElem' : function(){ //записываем в прототип каждой кнопки функцию удаления
            wrap.removeChild(elem); //тут все понятно думаю, удаление непосредственно
        }
    }

    deletebtn.innerHTML = 'Удалить';
    elem.appendChild(deletebtn); //добавляем кнопку удаленияв дочерний блок elem

    deletebtn.addEventListener('click',  function(e){ //вешаем на кнопку удаления обработчик
        deletebtn.prototype.deleteElem(); //вызываем функцию удаления при нажатии
    }, false);

    wrap.appendChild(elem); //добавляем элементы на страницу.
};

</script>
</body>

</html>
Ответить с цитированием