как правильно динамически добавить элемент в конкретное поле?
https://jsfiddle.net/w9zdt2f4/2/
https://jsfiddle.net/w9zdt2f4/2/#&togetherjs=428qJwcF6z вот код. нужно по клику на день открывать блок с полями для ввода, вносить данные и по клику на кнопку добавить - переносить их в соответствующий день. сейчас открывает блок с формами но после клика на сгенерированом блоке пишет ошибку - Failed to execute 'appendChild' on 'Node': The new child element contains the parent. прошу помощи, как правильно это реализовать. |
yurii_Kh,
calendar.onclick = function(event) {
var target = event.target;
while (target != this) {
if (target.classList.contains('calendar-day')) {
highlight(target);
target.appendChild(div);
break;
}
target = target.parentNode;
}
};
|
подскажите, почему теперь в input пропадает курсор?
|
Цитата:
|
как тогда лучше реализовать добавление заметок в календарь? в html сделать div с input'ами и открывать/скрывать по клику? но как их привязать к дню по которому кликнул?
|
yurii_Kh,
алгоритмов можно придумать много ...
calendar.onclick = function(event) {
var target = event.target;
while (target != this) {
if (target.classList.contains('calendar-day')) {
highlight(target);
target.appendChild(div);
break;
}
if (target.classList.contains('add-event-wrap')) {
break;
}
target = target.parentNode;
}
};
|
Цитата:
var current;
calendar.onclick = function(event) {
var target = event.target;
while (target != this) {
if (target.classList.contains('calendar-day')) {
current = target;
//open div
break;
}
target = target.parentNode;
}
};
|
Благодарю
|
Спасибо за ответы. Сам сталкивался с похожей проблемой
|
| Часовой пояс GMT +3, время: 05:35. |