DHTMLX Docs & Samples Explorer

Drag and Drop between iframes

Drag and drop between frames is enabled by default, so not any additional code required.



THIS PAGE CONTAINS SAMPLE FUNCTIONALITY OF PROFESSIONAL EDITION FOR DEMONSTRATION PURPOSE ONLY.
UNAUTHORIZED USE IS PROHIBITED. PLEASE CONTACT SALES@DHTMLX.COM TO OBTAIN A LEGAL COPY OF PROFESSIONAL EDITION.
Source
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtree.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxtree.js"></script>    
<table>
    <tr>
        <td>
            <div id="treeboxbox_tree" style="width:260px; height:260px;background-color:#f5f5f5;border :1px solid Silver;"/>
        </td>
        <td valign="top">
        <iframe name="frm72" id="frm72"  frameborder="2" src="inc/pro_drag_frame_f1.html" width="650" height="350" style="border:3px outset red;"></iframe>
        </td>
    </tr>
    <tr>
        <td colspan="2">
        <iframe name="frm7241" id="frm7241"  frameborder="2" src="inc/pro_drag_frame_f3.html" width="600" height="50" style="border:3px outset green;"></iframe>
        </td>
    </tr>
</table>
<script>
tree = new dhtmlXTreeObject("treeboxbox_tree", "100%", "100%", 0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("../../codebase/imgs/csh_bluefolders/");
tree.enableDragAndDrop(true);
tree.loadXML("../common/tree_a.xml");
</script> <br><br>