JS, HTML5 перетаскивания объектов?

Question

[Alex Kheben]

Задача:

1. Есть объект вроде:

<a href="http://google.ru" title="Это Google" pic="http://localhost/pics/google_logo.jpg">Google</a>

2. Есть textarea.

Необходимо, чтобы при перетаскивании 1 в 2 появлялся не текст пути, который указан в аттребуте href, а текст вроде:

<a href="http://google.ru" title="Это Google"><img src="http://localhost/pics/google_logo.jpg" /></a>

Если честно, то не знаю даже по какому запросу такое гуглить. Может хотябы пнёте в нужном направлении?

Answer 1

[Jazzist]

На отпускалку draggable написать обработчик, который будет ловить атрибуты из $(this) и вставлять то, что вам нужно.

Answer 2

[Анатолий]

javascript.ru/ui/draganddrop

Answer 3

[d4rkr00t]

Если вас устроит html5 то можно как-то так сделать:

http://jsfiddle.net/HyGKa/26/

P.S. javascript не мой конек :)

Comments

[phil_b]

@d4rkr00t , может Вы могли бы и здесь чего подсказать? — Как остановить html5-событие dragenter/dragleave?

[phil_b]

а в целом я бы также сделал, нечего для пустяка целую jUI тащить…

Answer 4

[ntkt]

html5 drag item value
http://dev.w3.org/html5/spec/dnd.html#datatransfer

Оно?

Comments

[Анатолий]

Судя по всему там указывается текст результата, а человеку нужно создавать результат динамически исходя из аттрибутов

Answer 5

[mjr27]

jqueryui.com/demos/draggable/

Answer 6

[RuslanCC]

Да, самое логичное — воспользоваться JqueryUI.
Вот здесь можете посмотреть на события при бросании элемента.
Когда будете кидать ссылку на textarea, будет происходить событие dragstop. На него вы вешаете функцию, которая смотрит — куда вы этот элемент бросили и если бросили правильно — копирует ссылку в textarea

Comments

[RuslanCC]

Хотя вам скорее подойдет Droppable, а не Draggable
И в нем событие «drop»