Генерация HTML-кода для перетаскивания - PullRequest
Новая
       0

Генерация HTML-кода для перетаскивания

1 голос
/ 07 апреля 2011

Я хочу предоставить пользователю моего приложения функцию перетаскивания. Скажем, у меня есть контейнер div, куда пользователь может перетаскивать изображения, присутствующие в div, в любое место внутри div. Что-то похожее на http://threedubmedia.com/code/event/drag/demo/basic. Но после того, как перетаскивание завершено, мне нужно извлечь html-код контейнера div, чтобы потом его можно было сохранить и показать пользователю позже. момент времени, или использовать его в другом месте для каких-то других целей. Существует множество плагинов jquery для перетаскивания, но я не смог найти ни одного для генерации html-кода для перетаскиваемых элементов. Что может быть самым простым способом сделать это? Заранее спасибо.

Ответы [ 2 ]

1 голос
/ 07 апреля 2011

Что ж, довольно просто извлечь содержимое div с помощью javascript. Если вы уже используете jquery, вы можете просто сделать что-то вроде: 

var contents = $('#draggedDiv').html();

или для обычного JavaScript: 

var contents = document.getElementById('draggedDiv').innerHTML;

Это то, что вы имеете в виду?

0 голосов
/ 07 апреля 2011

Самый простой способ, который я знаю, - это JavaScript, хранящий innerHTML перетаскиваемого элемента div в переменной JS. 

var dragDiv;
dragDiv = getRefToDiv( 'drag-div-id' ).innerHTML;
...

<body>
<div id="drag-div-id">
<!-- the div's contents -->
</div>
</body>
...