drag and drop

**radiofriendlybox** · 03-08-2008, 01:36 AM

i've been googling all day, but haven't found exactly what i was looking for.

i'm searching for a script that allows me to drag elements around the screen (like an image, div, etc.). i want the element to return to its original position if it is not dropped in the correct place (let's say another div). if it is dropped in the correct place, something happens (like a new window opening).

so far, i've found scripts that let me drag items. i've found scripts that let me drop items in specific places. i even figured out how to get a new window opened when the element is dropped in the right place.

but i can't find a script where i can do this with multiple draggable elements, each with its own drop partner (eg, divA can only be dropped in divB otherwise it returns to its original spot; divC can only be dropped in divD otherwise it returns... and so on).

the closest thing i found was this: http://developer.yahoo.com/yui/examp...dd-circle.html

any help would be appreciated!

**Medyman** · 03-08-2008, 02:39 AM

You can do it in Flash, quite easily.

**radiofriendlybox** · 03-08-2008, 03:35 AM

Originally Posted by Medyman

You can do it in Flash, quite easily.

yes, i got that notion during my google searches. but the site i'm building is all css and javascript. just trying to keep it that way. flash would be my last resort. plus, i know less about flash than i do about javascript!

thanks.

**tech_support** · 03-08-2008, 09:54 AM

Mootools would do the job fairly well.

**radiofriendlybox** · 03-10-2008, 06:21 PM

Originally Posted by tech_support

Mootools would do the job fairly well.

i'll have to play around with this to see what i can come up with. but that's a great site. thanks!

**Felix Riesterer** · 03-12-2008, 08:09 PM

I have created such a function for my interactive quiz script framework which allows to create interactive learning quizzes. In some of such quizzes a drag&drop functionality is needed. Take a look!

Framework For Interactive Learning Quizzes

Although my site is mostly in German I can provide you with help in English.

Have fun!

Felix Riesterer.

**tfit** · 03-13-2008, 12:09 PM

This will do it:

HTML Code:

http://education.qld.gov.au/virtualschool/html/students/infohub/virtual_quiz.htm

but it's not crosss platforn FF2 doesn't work.

**Felix Riesterer** · 03-24-2008, 02:18 AM

Originally Posted by tfit

This will do it:

HTML Code:

http://education.qld.gov.au/virtualschool/html/students/infohub/virtual_quiz.htm

but it's not crosss platforn FF2 doesn't work.

No, even worse than that! Unless you want your page to be usable exclusively in Internet Explorer, you'll have to use a different script. In my opinion the first is the worst possible choice!

Use my framework and everything will work out-of-the-box! I can offer you help if you have trouble with the German CSS class names. But mind this: <body onload="do_something()"> means "do_something()" will run exclusively and will break other scripts that also try to run onLoad but attempt to do so unobtrusively (like Lightbox does - as well as my framework)!

Felix Riesterer.

Thread: drag and drop

Thread Tools

Search Thread

drag and drop

The Following User Says Thank You to tech_support For This Useful Post:

The Following User Says Thank You to Felix Riesterer For This Useful Post:

The Following User Says Thank You to tfit For This Useful Post:

The Following User Says Thank You to Felix Riesterer For This Useful Post:

Bookmarks

Bookmarks

Posting Permissions