[JS-FRAGE] Ein DIV-Element nur in einem anderen DIV-Element bewegbar. [FRAGE]

journey

Hallo,
wie ist es möglich ein DIV-Element verschiebar zu machen, ohne das es aus dem über DIV-Element heraus kann.

Code:
[PHP]
<div id="furni">
<div id="furniname"><center>Tür ohne Wiederkehr</center></div>
<div id="furniminus"><center>- 250</center></div>
<div id="furnimg" style="background-image: url(http://habbowert.de/uploads/images…_1317055060.gif);" onmousedown="dragStart(this);"></div>
<div id="furniteaser">ø 5000

</div></div>[/PHP]

Das Furnimg soll bewegbar sein, ist es bereit, aber es kann aus der <div id="furni"></div>-Box herrausgezogen werden.
Wie lautet der Grund dazu?

Gruß,
DCC

**Yannici.**

Du musst jquery-UI inkludieren

Code

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>

Und dann diesen Code einfügen:

Code

<script type="text/javascript">
$(document).ready(function() {
    $('#furnimg').draggable({ containment: '#furni', scroll: false });
});
</script>

Viel Spaß!

so far
Yannici

Jetzt mitmachen!