Member 11125335 Ответов: 0

Как перетащить iframe между двумя div

Привет,
Я хочу перетащить iframe между двумя div. двух див, имеющих два окна iframe,я хочу, чтобы перетащить первый iframe для второй див. Как и в случае, когда первый iframe упал во второй div, второй iframe должен быть доставлен в первый div. как менять расположение элементов iframe. пожалуйста, дайте решение для этого. заранее спасибо.


самое смешное, что он работал, если я сбрасывал iframe в другой div(он не содержит iframe). если я отброшу iframe, содержащий div, iframe не позволит мне отбросить его. потому что он занимает полный div. но мне нужно упасть.

Что я уже пробовал:

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)" class="dropped" >        
        <iframe id="frame" draggable="true" ondragstart="drag(event)" ></iframe>           
    </div>
    <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)" class="dropped" >
        <iframe id="frame" draggable="true" ondragstart="drag(event)" ></iframe>            
    </div>

javascript,

function drag(event)
    {
        event.dataTransfer.setData("text", event.target.id);
    }

    function drop(event)
    {
        event.preventDefault();
        var data = event.dataTransfer.getData("text");
        event.target.appendChild(document.getElementById(data));
    }

    function allowDrop(ev)
    {
        event.preventDefault();
    }

0 Ответов