Question

Good day!

I have a page with a vertical menu off to the left and a box to the right of it. Currently I am able to drag a ghost of a menu item and let go of it. It doesn’t actually drop anything, so there is no actual change to the menu. When I drop the ghost, it calls a method.

What I’d like to be able to do is to create an object with JQuery or plain javascript or whatever and instantiate it.

This object would have the following properties:
– Have its parent be the div box that its dropped on.
– Be contained by its parent, yet draggable within it.
– Have the ability to be a parent of another object of the same type when its dragged into it from the menu
– Have a title based on the menu item that it was dragged from
– Store whatever text values are assigned to it.

I’m not asking anyone to do this (although you can if you want), but I would love to know if its possible and if anyone can provide a link to some sample of an object or widget being built that can be assigned properties and events.

Thanks so much,
Carlos

Answer 1

I found something that will work for me. Instead of reinventing the wheel, I will just modify the Jquery-UI’s dialog widget. its alomst exactly what I need out of the box. There’s an interesting article on it here: http://www.erichynds.com/jquery/tips-for-developing-jquery-ui-widgets/

Thanks much for the help, all.