jQuery drag and drop question

[mdoghman]

Hi guys,

I am using jQuery now. I can drag and drop.
But I want to drag an IMG for example and I want the user ONLY to be able to drag it into a specific div, otherwise I want it to revert for example or just not work. Any idea's how i can do so?

thanks

[crmalibu]

http://docs.jquery.com/UI/Draggable#option-revert

[mdoghman]

thank u ..
but isnt there any more explanation about how to use it?
or an example of this one?
i checked the link but it doesnt explain a lot to me since i am new to jQuery and libraries in general

[cogsprocket]

If you want to make it so an item can only be dropped on a droppable and return to it's hope position otherwise you can use the following code.

$(".draggableItem").draggable({ revert: "invalid" });

$(".droppableItem").droppable();

Elements of the class "draggableItem" would only be droppable on elements of the class "droppableItem".

This is really all you need to get the basic behavior. To do more, like having an item bounce into the bounds of a div and center itself (probably not what you're after) you'll need to do more code but this is really all you need to get the behavior you're after.