Div per Drag&Drop begrenzt verschieben.

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Div per Drag&Drop begrenzt verschieben.

    Hi. Also ich hab ein Script im inet gefunden, womit man ein Div per Drag&Drop verschieben kann.
    Ich würde gerne, dass man das Element aber nur in einem bestimmten Raum bewegen kann z.b. 250x250px

    Script sieht so aus:
    paste.frubar.net/7777
    Sry aber ich hab iwie probleme mit den BBCODe. Deswegen extern verlinkt

    Jetzt hatte ich mir gedacht, da wo
    "// Wurde die Maus über einem Element gedrück, erfolgt eine Bewegung"
    steht, machst du ne einfache if abfrage.

    Quellcode

    1. objDrag.style.left2 = (mouseX - offX);
    2. objDrag.style.top2 = (mouseY - offY);
    3. if(objDrag.style.left2 > 549 || objDrag.style.top2 > 349){
    4. objDrag = null;}


    Also das funktioniert schon, aber es stoppt z.b. erst bei 580px und nicht wie gesollt nach 550.
    Und es danach wieder nach links zu bewegen geht nur stück für stück also nicht wirklich Userfreundlich.

    Hat jemand ne Ahnung, wie man das ganze anders bzw. auch leichter und am besten funktionierend gestalten kann?

    Danke im Vorraus :)



    Edit:// Wenn jem. ne Idee hat wäre cool, ist aber nicht dringend Notwendig, da ich mir jetzt erstmal ein Script gecoded habe, das mit onclick arbeitet, und mir dann die gewünschte stelle markiert =)
    Aber das mit drag&drop wäre dennoch schöner

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Snowflake ()