Solved

Draw / save / edit

Posted on 2011-09-09
6
196 Views
Last Modified: 2012-05-12
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
Comment
Question by:koop1koop
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 
LVL 14

Expert Comment

by:EMB01
ID: 36512455
0
 

Author Comment

by:koop1koop
ID: 36513201
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
 
LVL 82

Expert Comment

by:leakim971
ID: 36514708
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
What Is Transaction Monitoring and who needs it?

Synthetic Transaction Monitoring that you need for the day to day, which ensures your business website keeps running optimally, and that there is no downtime to impact your customer experience.

 
LVL 110

Expert Comment

by:Ray Paseur
ID: 36516125
It appears to be done in JavaScript, but I did not recognize Scriptaculous or Prototype footprints in the code.
http://script.aculo.us/
0
 

Author Comment

by:koop1koop
ID: 36544082
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
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 36544117
You only need to know one address : http://jqueryui.com
The documentation is more than complete...
0

Featured Post

Transaction Monitoring Vs. Real User Monitoring

Synthetic Transaction Monitoring Vs. Real User Monitoring: When To Use Each Approach? In this article, we will discuss two major monitoring approaches: Synthetic Transaction and Real User Monitoring.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
This post looks at MongoDB and MySQL, and covers high-level MongoDB strengths, weaknesses, features, and uses from the perspective of an SQL user.
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

696 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question