Клонирование блоков

@Pro100kvachina · Регистрация: 23.01.2013

Author24 — интернет-сервис помощи студентам

Всем привет, есть ли такое в js или jq - клонирование блоков
Например я на сайте расположил блок в один пиксель ширины и в 100% высоты (абсолютно спазиционированный блок), и мне нужно следующие - я беру этот блок и перемещаю его, затем беру снова первый блок и снова перемещаю. Это как карточная колода, карты лежат стопкой, ты берёшь их и ложешь карты туда, куда захотел, но с одно колоды

@kalabuni · 04.05.2014, 12:53

именно так, как вы описали, работает метод var newObj = oldObj.cloneNode (1) -- клонируем существующий тег oldObj со всеми его свойствами и с его внутренним содержимым (для последнего в скобках метода прописываем цифру 1) и получаем новый тег newObj, которому можем изменить какие-то свойства -- например, top и left, а затем методом place.appendChild (newObj) "приживляем" клон в конец HTML-кода внутрь нужного тега place

пример:

HTML5

<div id="myContainer" style="position: relative; width: 456px; height: 345px; border: 1px solid #000; margin: 21px">
<div id="myOrigin" style="position: absolute; width: 67px; height: 45px; top: 12px; left: 21px; text-align: center; line-height: 45px; background: red">origin</div>
</div>
<input type="button" value="Клонируем #myOrigin, меняем клону id, фон, текст, размер и позицию" onclick="myFunc (this)">
 
<script>
function myFunc (x)
{
x.disabled = 1;
var newTAG = document.getElementById ('myOrigin').cloneNode (1);
newTAG.id = 'myClon';
newTAG.innerHTML = 'clon';
newTAG.style.width = '234px';
newTAG.style.background = 'lime';
newTAG.style.top = '123px';
newTAG.style.left = '78px';
document.getElementById ('myContainer').appendChild (newTAG);
}
</script>

@Pro100kvachina 4 / 4 / 0 Регистрация: 23.01.2013 Сообщений: 197
		1
	Клонирование блоков 04.05.2014, 08:54. Показов 2446. Ответов 1 Метки нет (Все метки) Всем привет, есть ли такое в js или jq - клонирование блоков Например я на сайте расположил блок в один пиксель ширины и в 100% высоты (абсолютно спазиционированный блок), и мне нужно следующие - я беру этот блок и перемещаю его, затем беру снова первый блок и снова перемещаю. Это как карточная колода, карты лежат стопкой, ты берёшь их и ложешь карты туда, куда захотел, но с одно колоды 0

	04.05.2014, 12:53

Опции темы