JavaScript функция переноса или копирования элементов между контейнерами.

Поле, в пределах которого возможен перенос элементов между дочерними контейнерами. Скрипт создан с претензиями на универсальность, но выбранная логика такова, что контейнеры-источники и получатели должны быть непосредственными потомками (дочерними элементами) поля в пределах которого осуществляется перенос. Переносится могут любые элементы HTML с любой структурой, кроме отмеченных как data-relocatable="no" и TEXT_NODE (Ниже текстовые элементы отмечены парами **).

Код скрипта переноса элементов.

Источник элементов 1, 2

0
1
2<span> внутри переносимого элемента
3
4
5
6
7
8
9
**Просто кусок текста, который не может быть перенесён.**

Абзац текста, готовый для переноса с вложенным элементом bold.

Источник элементов 2, 3

Приёмник элементов 2

**Кусок текста ДО**
10
11
12
13
14
15
16
17
18
19

**Кусок текста ПОСЛЕ**
**Эти части текста не являются элементами источника**

Приёмник элементов 1, 2

20
21
22
23
24
25
26
27
28
29

Приёмник элементов 3, 10, 20

30
31
32
33
34
35
36
37
38
39

Каждый контейнер элементов может иметь наборы имён как источника, так и получателя. Получатель может принять элемент, если он был взят из источника имеющего имя присутствующее в списке имён получателя. Имена контейнеров поименованы (обозначены) числами 1, 2, 3, 10 и 20. В качестве имён допустимо использовать любые символьные строки не содержащие пробельных символов и разделителей "," и ";".

Если есть замечания, вопросы по адаптации скрипта к реальным сайтам и добрые советы, пожалуйста, оставляйте их в разделе форума Программирование на JavaScript.

(Copyleft) - скрипт переноса можете использовать бесплатно для создания своих сайтов-визиток или как вам заблагорассудится.

Реклама: разработка скриптов калькуляторов для сайтов-визиток.