Draw / save / edit

I am looking to create a page where a user can add shapes from a ready made selection and pull them onto a blank area on the page, I need to be able to resize the shapes and add text to the middle of them, some off the shapes will have text in the middle from a mysql database.

What I am kinda looking for is something like this site www.toptableplanner.com

What i would like is some pointers on how to do this, I am struggleing where to start and the best scripts to use?
koop1koopAsked:
Who is Participating?
 
leakim971PluritechnicianCommented:
You only need to know one address : http://jqueryui.com
The documentation is more than complete...
0
 
koop1koopAuthor Commented:
There are some good ideas on how it would work, I am struggleing to see how to use them, do you think using a different way to display it would be better i.e using flash?
0
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
leakim971PluritechnicianCommented:
Check this demo : http://jsfiddle.net/xgQfc/

you may use for the user interface : jQuery UI
http://jqueryui.com/demos/dialog/#method-open
http://jqueryui.com/demos/draggable/
http://jqueryui.com/demos/droppable/

to save/load/edit without refreshing the page, ajax, for example :
http://api.jquery.com/jQuery.post/

0
 
Ray PaseurCommented:
It appears to be done in JavaScript, but I did not recognize Scriptaculous or Prototype footprints in the code.
http://script.aculo.us/
0
 
koop1koopAuthor Commented:
leakim971
That looks good, I am still non the wiser on how to implement it further though. Guess I will have to a bit more learning. Do you know of any examples on how the jQuery UI will be implemented?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.