Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 212
  • Last Modified:

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?
0
koop1koop
Asked:
koop1koop
1 Solution
 
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
 
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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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
 
leakim971PluritechnicianCommented:
You only need to know one address : http://jqueryui.com
The documentation is more than complete...
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now