Image/Div manipulation tool using JQuery


I am developing a coupon based website which would give our customers an opportunity to design and submit their coupons seamlessly from this site.

Now I want the coupon creation process to be simple and straight forward, because I can not expect my customers to be a computer techy.

Because of the aforementioned reason, I am looking for a JavaScript based tool which should be following functionality :

The tool will have left hand area (where tool box will be placed) and right hand area (which is working area). Left hand section would be a toolbox to perform various activities like :

(a) Tool box should have a button to create a text based div (this div should be editable), every time user clicks this button, one text div (with some predefined width n height) will be created in the working area.

(b) If user wants to delete a text based div (Which has been created from the above process), it should be as simple as selecting that div (which is to be deleted) and pressing the delete button on the keyboard. Another way to delete the div should be to select it n right click on it, and the selecting delete option from the right click pop up.

(c) Tool box should have a button to open up a color platte which should be able to change the color of the selected text.

(d) Tool box should have a button to open up a font platte which should be able to change the font type, font size, making text italic/bold underlined etc of the selected text.

(e) Text based div which has been created from the above process, should be dragable, droppable, resizable (I know this is pretty easy to do using JQuery)

(e) Tool box should have a button to create a image based div (there should be a way/UI to browse local machine to

select the image and place it in the image div. Again similar to text div, image div should also be dragable,droppable and resizable.

(f) Tool box should have a button for image manipulation like image crop, changing the image color etc, (you can take help from here [url removed, login to view] I don't want all of this tools full fledged functionality).

(g) These divs (text and image) can be rearranged ( in the work area by dragging/dropping n resizing)... once they have

been appropriately placed in the work area, there should be a mechanism to save all the divs as an image (lets say .jpg/png/gig etc). Now this image is what I call as a coupon. We can have a button (lets call this button as save as Image) on the toolbox to save this image as an image. We can make a Ajax DB call (we can use [url removed, login to view] file here for ajax DB hits) to save this image in the DB directly.

(h) So in this way, customers can create the coupon on the fly and saving them in the DB.

(i) Coupon will be retrieved from the DB later on for the presentation purposes.

JQuery would be preferred to code this functionality, but I am still keeping my options open if you have something better to suggest.

I am developing the application using PHP (Zend Framework) + MySQL



Skills: AJAX, Javascript, PHP, SQL, User Interface / IA

See more: save div image using jquery, jquery image manipulation, div manipulation, div manipulation javascript, saving image computer using jquery, javascript save div php, javascript code save image computer using javascript, ajax save div image, php div manipulation, save div image, jquery toolbox droppable, you like hits, what is ajax framework, tool prototype, suggest an easy website for developing, submit prototype, submit a coupon code, simple design tool, prototype ui library, prototype ui javascript, prototype making, prototype creation, manipulation tools, making prototype, making a prototype

About the Employer:
( 1 review ) New Delhi, India

Project ID: #530080

10 freelancers are bidding on average $661 for this job


We'd like to help you with this. See our skills at: [url removed, login to view]

$720 USD in 16 days
(33 Reviews)

I am interested.

$740 USD in 35 days
(93 Reviews)

Hi, please check PMB to know more about our technical expertise and capabilities. Regards

$1000 USD in 16 days
(13 Reviews)

Can be done.

$750 USD in 10 days
(6 Reviews)

please check the PM,thanks!

$700 USD in 8 days
(19 Reviews)

Hi I have total PHP experience of 6 years. worked on vtiger/cakephp/zend framework for building CRM. have used jquery for javascript animations

$500 USD in 6 days
(12 Reviews)

Hi. I work on similar script before. For more detail please see PMB.

$450 USD in 7 days
(1 Review)

Hello, please check my pmb.

$750 USD in 10 days
(2 Reviews)

Check Pm for Details

$300 USD in 1 day
(2 Reviews)

Please see pmb :)

$700 USD in 15 days
(1 Review)