Once configure the control specified becomes draggable and can be moved around the page with a mouse.
<div ID=DragPanel" Class="blackborder greybackground" Width="400" DragHandleID="Header"> <div id="Header" runat="server" class="gridheader"> Panel 3 </div> <div id="Content" style="padding:10px;"> This is my content </div> </div>
To make this panel and it's content draggable via script code:
<script type="text/javascript"> // Startup Script on bottom of page var DragPanel_Behavior = new wwDragBehavior("DragPanel","Header"); </script>
Member | Description | |
---|---|---|
Constructor | The constructor attaches the window and draghandle for the wwDragBehavior. The window ID identifies the outer window that is to be dragged. The drag handle ID specifies the area that is the drag hot spot that iniates the drag operation. | |
hide | Hides the window associated with the DragBehavior. Used for closable drag windows. o.wwDragBehavior.hide() | |
remove | Turns off the drag behavior on the assigned window by removing the event handler. o.wwDragBehavior.remove() | |
show | Makes the window associated with the DragBehavior visible. o.wwDragBehavior.show() | |
dragCompleteHandler | A handler that is called when the drag operation is complete. | |
dragHandle | A DOM object that serves as the drag handle for the object dragged. | |
dragOpacity | Determines the opacity as a decimal percentage of the window while it's being dragged. | |
dragStartHandler | Handler called when a drag operation is initiated. | |
window | The DOM instance of the element that is being dragged. This is the top level dragged control. | |
windowObj | A wwControl instance of the window dragged. |