ansaurus

Question

Dragging a div along with all of its child divs

Answer 1

+1 A:

I did something similar using Zorn's library and used Prototype together to try to make some sort of visio-like tool. I never finished it, but learned a lot in the process. It uses draggables, so maybe you'll make some use of the code. Just view the page source and it's all there.

Diodeus 2010-04-09 17:55:54

I have to say that is quite impressive. The code that is responsible for auto arranging the lines that connect the boxes, did you write the code yourself?

Roberto Sebestyen 2010-04-09 18:13:56

Yeah, I wrote it all myself. The line-routing was fun but not very scalable when the drawing increases in complexity. A good effect though :)

Diodeus 2010-04-09 18:30:04

Answer 2

+1 A:

The jQuery-UI Draggable works just fine for me and dead simple to set up. http://jqueryui.com/demos/draggable/ It works with your scenario, I just tested it.

Once you include jQuery and jQuery-UI do the following to turn your container DIV into a draggable DIV:

<script type="text/javascript">    

    //This makes sure that the code only runs once the whole
    //HTML document has been loaded into the Browser.
    $(document).ready(function(){
            $("#container").draggable();  //Intialize the Draggable ability
    });        
</script>

Roberto Sebestyen 2010-04-09 17:56:50

ansaurus

tags:

views:

answers:

Dragging a div along with all of its child divs

related questions