[DHTML]2 iframes, drag layer van 1 > 2

[Roeligan]

Ik heb een pagine met 2 iframes. Ik wil een drageble layer (div) slepen naar het 2e iframe. Is dit mogelijk?

In de search kon ik alleen dingen over menutjes vinden _over_ een frame heen ipv _naar_ een ander frame toe.

[ Voor 55% gewijzigd door Roeligan op 06-06-2003 10:59 ]

[Bosmonster]

Ja dat zou kunnen.. tis niet makkelijk en kost een hoop scripten. Wat heb je zelf al geprobeerd?

[Willem]

Wat heb je zelf al geprobeerd?
spuit 11


Bosmonsterrrrrrrrrr

[ Voor 45% gewijzigd door Willem op 06-06-2003 11:08 ]

[Roeligan]

Lol.. ik heb zelf op dit moment een ander systeem (lees mijn eerdere thread over dynamisch gegenereerde divs). Er worden een aantal (variabel) velden in een ander scherm gekozen die worden meegegeven naar een volgend scherm. Nu willen ze dus 2 frames naast elkaar waar in het linker de velden staan en in het rechter de layout (ze moeten zelf print formulieren kunnen maken). Ik had al gegoogled maar kon zo snel ff nix vinden.

Ik zal de oplossing dan iets dieper moeten zoeken, ik wou echter weten of dit mogelijk was voordat ik weer uren zit te klooien voordat ik erachter kom dat het niet kan ... ik zal ff stoeien en als ik er niet uit kom de code hier opsten zodat er op geschoten kan worden.

[Willem]

En waarom geen divs in plaats van iframes?
Een div met overflow:auto heeft bijna hetzelfde resultaat

[Roeligan]

Omdat de content in het iframe ook dynamisch is (uit de DB). En die code door andere weer gemanipulerd kan worden.

[Willem]

Wat zou dynamische content af doen aan een div?

[Roeligan]

kzal het eens proberen kijken of het wat wordt... i'll keep you posted

[SchizoDuckie]

Drag & Drop is eigenlijk echt een eitje in dhtml, je hoeft zowat niets te doen behalve een aantal events af te vangen en in te stellen, en drag&drop werkt zelfs naar andere browser windows!

Een klein voorbeeldje van mijn implementatie (je kan TD's drag & droppen)

JavaScript:

function connectEvents()
{
    obj = document.getElementsByTagName('TD');
    for (var i=0; i < obj.length; i++)
    {
        if (obj[i].id != '' && obj[i].id != 'undefined' && obj[i].id.split('_').length==3)
        {
        obj[i].onmouseover=function(){changePatch(this.id);}
        obj[i].onmouseout=function(){changePatch(this.id);}
        obj[i].onmousedown=function(){selectPatch(this.id);}
        obj[i].ondragstart=function(){dragIt(this);}
        obj[i].ondrop=function(){dropIt(this);}
        obj[i].ondragover=function(){window.event.returnValue=false;}
        }
    }
}

function dragIt(elm)
{
    startDragID = elm.id;
}

function dropIt(elm)
{
    stopDragID = elm.id;
    if (startDragID != '' && startDragID != stopDragID)
    {
        array = elm.id.split('_');
        array2 = startDragID.split('_');
        document.frames['info'].location="info.php?action=adddragndroppatch&startrack="+array2[0]+"&startrij="+array2[1]+"&startcol="+array2[2]+"&stoprack="+array[0]+"&stoprij="+array[1]+"&stopcol="+array[2];
    }
}

That's it
op de MSDN kan je veeel informatie hierover vinden. Succes!

[Roeligan]

Ik denk dat ik er in het linker frame knoppen van maak. Als ik klik op een veld wordt er een script in het andere iframe aangeroepen die er een element (veld) bijgooit (het leven kan zo simpel zijn ).

Dan hoef ik mn ander code ook niet om te gooien

Iig thx for the response.