Beste SD'ers,

Voor mijn applicatie wil ik graag dat mijn draggable div, binnen een bepaalde div moet blijven. M.a.w. gaat de x-cordinaat van mijn dragdiv voorbij de xcordinaat van mijn basediv, mag mijn dragdiv niet meer verder.

Mijn opmaak:
<div id="invul_div" runat="server">
<div id="legenda_div" runat="server">
<asp:Panel ID="pnl_drag_tb" runat="server" Height="16px" Width="16px" CssClass="drag_tb">
</asp:Panel>
<asp:Panel ID="pnl_drag_check" runat="server" Height="16px" Width="16px" CssClass="drag_check">
</asp:Panel>
</div>
</div>

jquery code:
$(document).ready(function () {
$("#legenda_div").draggable();
});

Ik wil dus dat mijn legenda_div, niet voorbij mijn invul_div gaat!

Hoe zou ik dit vervolgens moeten doen, internet bied mij geen duidelijke oplossing, dus misschien weten jullie het?

Bij voorbaat dank
Tom Giesbergen

.moveMe is het element wat je wilt verschuiven..
.byMe is het element in .moveMe wat zorgt voor de verschuiving (een balkje of iets dergelijks)..
#insideMe is de container waar hij in moet kunnen verschuiven

Code:

$('.moveMe').draggable({handle: '.byMe', containment: '#insideMe'});

Ik heb het even terug gezocht in een applicatie die ik vorig jaar heb gerealiseerd, werkt fantastisch!