1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
|
$(".PanelPere,.treeviewPere").droppable({
activeClass: 'ui-state-hover',
accept: ".newObject , .newTemplate, .treeview",
tolerance : "pointer",
drop: function (event, ui) {
var objet_drag = $(ui.draggable).attr('id'); // ID de l'élément drag
panelOver = document.getElementById(this.id);
}
});
-----------------
<div ID="Panel1" class="scrollClass" Height="768px" style="float:left;position:relative;border-top:1px solid;border-bottom:1px solid;" Width="1024px">
<div id="MainContent_Scroll_1" class="scrollClass" style="height:768px;width:1024px;position:absolute;opacity:1;overflow-x:auto;overflow-y:hidden;">
<div id="MainContent_View_2" class="PanelPere" style="height:768px;width:1024px;position:absolute;opacity:1;">
...
<div id="MainContent_View_6" class="PanelPere" style="height:768px;width:1024px;position:absolute;opacity:1;">
...
</div>
---------------
<asp:Panel ID="Panel5" runat="server" Width="230px" Height="768px" style="padding:0px 10px;overflow:auto;margin-bottom:20px" visible="true">
<asp:TreeView ID="TreeView1" runat="server">
...
(Code generée automatiquement)
<div id='Button_6' class='treeview' >Button_6</div>
</asp:TreeView>
</asp:Panel> |
Partager