Не работает драг-энд-дроп
 

Добрый день!
Пытаюсь вот понять, как пользоваться драг-энд-дропом (без jquery). Сделал два элемента: один - блок и второй - контейнер. Задачка, вроде, не тривиальна - блок надо положить в контейнер.
Все, вроде, делаю правильно, но data transfer не работает.
Подскажите, где накосячил, плиз...

http://jsfiddle.net/qo9qqnqx/

И? Дальше че?

И причем тут text/html? Сделай так:
Когда хватаем элемент - записываем данные с кастомным типом:
setData('application/x-element-id', this.id);
Это мы записали id элемента.

На принимающей стороне получаем эти данные и делаем appendChild элемента с таким id.

На самом деле, даже нет необходимости что-то передавать через dataTransfer. Просто при старте запоминаем в переменную перетаскиваемый элемента, а при финише - делаем appendChild.

Спасибо большое...)

А каким образом поступить, если блоков для перетаскивания несколько и все с одинаковым ID?

Написал такую штуку:

var elements = document.getElementById("moveto");
	var allIds = '';
	for(var i=0; i<elements.length; i++) {
		allIds += elements[i].name;
	}
	document.write(allIds);

Но не пойму, как вставить...

slavaspirit,
у кого много одинаковых id
запрещено использование document.write

:write:
пример по теме
http://www.w3schools.com/html/html5_draganddrop.asp
http://www.w3schools.com/html/tryit....l5_draganddrop

А детей своих тоже одинаковым именем назовешь? :dance: