Seating planner in Jquery UI

Hi everyone,

I need a basic proof-of-concept of of a wedding seating planner in Javascript using JQuery to work with a ruby on rails application. It must be cross-browser, supporting the latest versions of Firefox and Chrome, and also Internet Explorer from version 6 up.

Please read the full requirements in the "Detailed Requirements" section, below.

## Deliverables



The area in the middle of the screen that contains multiple Items.

The Canvas must support multiple resolutions. We'll start by fixing its size as 800x600 pixels, but this must be a setting that can easily be changed, and changing this setting must be supported.

The user should be able to arrange Items by dragging and dropping in the Canvas area. If the Item is a Table element, any Chair elements attached must move smoothly with the table when dragged.

When an Item is dragged out of the Canas by the user, an "Are you sure you want to delete this Table/Chair" confirmation box should be displayed (with the text changed to say Table or Chair, depending on the Item to be deleted) and if the user clicks the confirmation, the Item should be deleted from the display. There must be a setting to turn on and off this confirmation, for both Table and Chair elements.


Represents a Table or Chair element.

Items can be dragged on to the Canvas from a vertical menu on the left-hand side of the Canvas.

Each Item will be represented in this menu with a relevant graphic, supplied by the coder, and a description underneath.

The descriptions will be:

Add Circular Table

Add Rectangular Table

Add Chair

Table element

A circular or rectangular graphic, supplied by the coder, that represents a table, and which Chair elements are attached to.

Chair elements may be attached by dragging the "Add Chair" graphic from the left-hand menu onto the table.

Chair elements may be removed by dragging them off the canvas.

Chair elements may be rearranged by dragging them around the table.

Chair elements must be "sticky" and initially cling to the Table element's edge until the user's intentions (i.e. remove or rearrange) are obvious.

Both circular and rectangular Table elements must grow or shrink as Chair elements are attached or removed.

Chair element

A circle graphic, supplied by the coder, that represents a chair at a table.

Each Chair element will have a user-defined Name associated with it, which will be displayed in the middle of the Chair graphic using a sans-serif font.

Until set by the user, a Chair element's name will be "Click To Set Name"

The user can change a Chair element's name by clicking on its existing name. When this happens, a popup box (note: use the jQuery plugin of your choice; anything but a call to prompt()) will be displayed, with a textbox pre-filled with the Chair element's current name, and buttons to "Set Name" or "Cancel."

A Chair can only be attached to a Table element; it must not be possible for the user to drag a new Chair element onto the Canvas unless they attach it to a Table element.

Any images used must be originals, or free to use for commercial use.

Any GPL software (e.g. jQuery plugins, jQuery UI) is fine - just let me know in advance what you want to use.

The graphic elements can be simple, but must look good. I want you to show me examples of what you plan to use before coding begins. Any clever jQuery plugins that help are welcome.

This should be an easy task for a jQuery wizard, and if you can show me even a basic proof-of-concept, that will go a long way in making me choose your bid.

If you have any ideas for improvements, or questions about anything that needs to be clarified, get in touch :-)

Beceriler: backbone.js, HTML5, Javascript, jQuery / Prototype

Daha fazlasını görün: jquery planner, jquery seating table planner, jquery seating plan, jquery seating, wedding planner seating jquery, javascript seating planner, you may not need jquery, what to look for in a ruby, what is a shrink, touch screen ui, ruby rails latest version, ruby on rails version, ruby on rails jquery, ruby on rails free, latest version of jquery, latest jquery, jquery version, jquery latest version, jquery full, i need a planner, html element with ruby on rails, hand coding html, get firefox latest version, free ruby on rails, e-circular

İşveren Hakkında:
( 9 değerlendirme ) London, United Kingdom

Proje NO: #4432636

9 freelancers are bidding on average $338 for this job


Hello! We're interested in taking up your project. Please PM us and we'll discuss the details. Thank you!

in 10 gün içinde330$ USD
(9 Değerlendirme)

Greetings. My name is Jeremy Trammell and I represent a group of developers and designers in Portland, Oregon, in the U.S. We have extensive experience with Javascript, and jQuery, and would be happy to assist you wi Daha fazlası

in 7 gün içinde316$ USD
(5 Değerlendirme)

**************We are U.K. based company and have all the required designer and developer you are looking for. We can allocate dedicated resources for your project. You will be very happy and satisfied with our services Daha fazlası

in 20 gün içinde412$ USD
(10 Değerlendirme)

Hey there. Building a wedding seating planner should be pretty straight forward. I'd love to start working on it if given the chance.

in 7 gün içinde300$ USD
(1 Değerlendirme)

Hello Please check your PMB. I have sent you a message there. Regards

in 15 gün içinde350$ USD
(0 Değerlendirme)

i'm 14+ years experienced

in 15 gün içinde420$ USD
(0 Değerlendirme)

Hello, Please refer the private message

in 3 gün içinde275$ USD
(0 Değerlendirme)

Dear Hiring Manager, We are strong expertise in the area of Java, Groovy, UML, SQL, PL/SQL , XML, XSL, HTML, JavaScript, J2EE, Servlets, JSP, JDBC, EJB, JNDI, Java Mail, LDAP, Applet, Flex, JSF, Grails, Spring, Spring Daha fazlası

in 3 gün içinde250$ USD
(0 Değerlendirme)

Hi, We at on2itonline would love to work with you on this. We have read carefully the project description and fully understand the project requirement. Let's discuss further issues of the project through PM

in 10 gün içinde391$ USD
(0 Değerlendirme)