-8

the website sym baloo .com has the ability to move icons about the screen. You can drag and drop the little tiles from one square to another. Also this must be able to update the database with the new position of the tile.

Can anyone tell me what's the best way to achieve this, either the way they've done it or anyother way.

user229044
  • 232,980
  • 40
  • 330
  • 338
crazy sarah
  • 611
  • 4
  • 13
  • 29
  • 6
    [jquery-ui](http://jqueryui.com/) [draggable](http://jqueryui.com/draggable/) & [droppable](http://jqueryui.com/droppable/) probably, – Brad Christie Feb 05 '13 at 13:44
  • 3
    take a look at their source code; read the Javascript includes; See what the JS file names are; Research those filenames; answer your own question. – SDC Feb 05 '13 at 13:47
  • Use the source, Luke. You'll find the site is using MooTools, most likely extended with a bunch of plugins and glue code. – Mattias Buelens Feb 05 '13 at 13:49

2 Answers2

2

The web in question uses MooTools and possibly an extension for it to achieve the drag+drop effect. Check out their builder site to build the functionality you'll need for your website.

As for database updating, it's not a question of what they use. You will need to devise your own database schema and backend for it (PHP, ASP.NET, Ruby...).

Zathrus Writer
  • 4,311
  • 5
  • 27
  • 50
0
-- id = Id of content what u drag--
    $("#id").draggable({
        revert: true
    });
-- id= Id of content where u drop--
        $("#id").droppable();

        $("#id").droppable({
            tolerance: 'touch',
            over: function () {
                $(this).css('backgroundColor', '#cedae3');
            },
            out: function () {
                $(this).css('backgroundColor', '#a6bcce');
            },
}
);
Abhijit Pandya
  • 705
  • 2
  • 12
  • 33