One of the more interesting actions in visual interfaces is the ability to drag an object and drop it on a selected target. Pretty much like what we do in real life at the supermarket. Grab a beer - drag to cart - drop it in the cart. But there are attributes in the product that it would be interesting to unveil in an application. For example, when you grab a beer you can feel if it's cold or not, and when you get to the checkout you pay the price of the bottle, which is a hidden attribute of the bottle. Today we will learn how to create drag & drop using jQuery and adding hidden attributes to the draggable items.

This is what we will be creating: when you start dragging the box, a block will display additional info about that object. It could be text as well as an image, but in order to make things easy I just added some text. Next, when you drop the item on the target area, a message will be displayed along with other hidden information contained in the object.

este é só um excerto do artigo, para aceder ao artigo completo, clique no link em baixo:this is just a small excerpt from the article, to access the full article please click in the link below:http://www.ilovecolors.com.ar/jquery-drag-drop/