CODEWITHSUNDEEP
jqueryjquery-uijquery-ui-sortablejquery-ui-draggable
roneioliveira
roneioliveira

Reputation: 11

JQuery drag and drop into sortable DIV inside the iframe

The situation is this: I have draggable elements and need to connect them to a sortable DIV, which is within the iframe.

The code:

page.html

<div id="draggable">
    <div>a</div>
    <div>b</div>
</div>

<iframe id="iframe" src="iframe.html"></iframe>

iframe.html

<div id="sortable">
    <div>Element 1</div>
    <div>Element 2</div>
</div>

Unfortunately I can not change the structure, and I really need to use iframes. I'm trying to follow this example:

http://jqueryui.com/draggable/#sortable

But the target is sortable within the iFrame, and I can not adapt the example to this situation. If anyone has any demo in jsfiddle or any suggestions that might help me, I am grateful!

Upvotes: 1

Views: 3151

Answers (1)

Dharmesh
Dharmesh

Reputation: 1059

Drop elements inside iframe only else revert

check the above link...I have managed to drag and drop but there is a little problem with the droppable area.

Upvotes: 0

Related Questions