Seating planner in Jquery UI

Budget N/A
Bids 9
Average Bid $338

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 :-)

Post a Project Like This

Looking to make some money?

  • Set your budget and the time frame
  • Outline your proposal
  • Get paid for your work

Bids on this Project

  • mjdesa Profile Picture


    San Juan Capistrano,  United States

    I'm a recent Mathematics graduate from UC Berkeley. Looking for some freelance work here and there, while I figure out what to do with my life.

    Java, Javascript, XML, and Python

  • franceson2it Profile Picture


    Paihia,  New Zealand

    im a freelancer

    PHP, ASP, Social Networking, and SQL

  • LightITGroup Profile Picture


    Minsk,  Belarus

    RevoTech software development company specializes in ASP.NET web development. We also provide the full spectrum of web and desctop applications development services, mobile development, software testing and QA. We offer a wide range of software solutions and custom software development services.

    PHP, ASP, C Programming, and Javascript

  • trsuganya Profile Picture


    Chennai,  India

    We have 15 years of IT experience in multi-channel retail solutions, supply chain management, manufacturing, health care, Insurance, CRM, E-Commerce and CMS. We are a technology evangelist along with functional expertise. We brought more than 20 systems into live. Our deliverable always adhered the highest quality and PMI recommended process. We have followed agile development methodology to make sure usable software for our customer and ROI for every single dollar customer spent. The following are technology stacks we have worked on: 1) OpenBravo ERP 2) Jasper Reports 3) Spring MVC 4 ) JSF 5) Hibernate 6) AJAX 7) JQuery 8) RESTful webservices 9) PHP 10) Magento 11) Joomla 12) JavaScript 13) MYSQL/PostgreSQL/Oracle 14) SQL and PL/SQL 15) HTML5 16) CSS3 Experience on the Project Management: 1) PMP certified professionals 2) Preparing the Project Management Plan (Scope, Schedule, Cost, Quality and Communication) 3) Monitoring, controlling and managing the ongoing progress 4) Maintaining the issue logs 5) Agile (Scrum) practitioner 6) Facilitate the communication between customers, project/track leads and various collaborative team located in different places 7) Continuous interaction with the client's team for the entire period ranging between the point of requirement gathering and its implementation as well as its 8) Good written and oral communication skills

    PHP, Java, JSP, and Javascript

  • dasfreelancer Profile Picture


    Kolkata,  India

    I am an expert in many fields - My goal is to provide you with a wow experience. I am effective at finding easy and robust solutions to your problems, I am good at multitasking, I will offer you only good advice or none. I will make sure I go beyond your expectations at all times

    Java, JSP, Javascript, and XML

  • rsen75 Profile Picture


    Chennai,  India

    15+ years experienced with strong knowledge of API / Payment Gateway integration and php with mysql, Plugin development and designing see my few portfolio **CSM and eCom** Magento / zencart / nopCommerce / drupal/ Shopify /Prestashop / X-Cart /CS-Cart / OpenCart / oscommerce / WooCommerce / CubeCart / WPEC / Virtuemart / WHMCS / A2Billing / wp-invoice / classipress / Wordpress /joomal k2/ ClientExec / Joomla /osclass **Payment Gateway** CCAvenue / BillDesk / EBS / FCMB / Stanbic IBTC/ HDFC / ICICI(PaySeal) / FirstData / Intuit / Alipay / eWay / MIGS / Bitcoins / Stripe / PayU / Payza / Citrus / InterSwitch WebPAY / VoguePay / GTPay / ubawebpay / FXP / billdesk / eComcharge / Passcourses / PXPay / Jambopay / Payex / HiPay / VTN / IecPay / DRS EPP Registrar Module / virtual merchants / sagepayments / / Braintree / ePDQ / 2checkout / saferpay / smoovpay / RDP / poli / CCNow / 2000charge / LLMerchant/ enets / ClickBank / SEYLAN bank / Sampath Bank and etc

    PHP, Perl, ASP, and Javascript

  • sublevelseven Profile Picture


    Portland,  United States

    Sublevel Seven is a custom software company specializing in the design, implementation and management of websites, mobile applications and desktop software. We are dedicated to making sure that you don't just get the software you ask for, but more importantly the software that you need. By working rigorously with our clients to ensure the proposed design will perfectly meet their needs before we start working, we can get their custom software delivered to them on-time, and get it right the first time. 7 is Websites The World Wide Web has exploded over the past decade into a myriad of technologies, each of which with it's own benefits as well as it's own drawbacks. Whether it's PHP, Python, Django or our own in-house framework called Omnio, Sublevel Seven has the expertise necessary to choose the right technology for your website. Choosing the right technology is important, but it's just the first step. Our graphic designers will make sure that the front-end of your website looks as good as the back-end works. Our expertise with HTML, CSS and Javascript will ensure that your website works just as well in non-compliant browsers like Internet Explorer as it does in Firefox and Safari. 7 is Mobile Device Applications Mobile devices are steadily becoming ubiquitous and it seems likely that as laptops supplanted bulky desktop PCs, so too will smartphones replace our laptops. With this in mind we have made mobile application development one of our primary focuses. Our preferred development platforms include: * Android OS. Now the world's most prolific mobile operating system. * iPhone OS. The instant success of the iPhone makes it an attractive target for consumer oriented mobile device applications. * Palm OS 4.x and PalmOS 5.x. Many legacy devices still run the Palm OS operating system. Palm Inc. is attempting to maintain their competitiveness in the market with their new Palm webOS, but with so many new players in the market it's not likely that they will succeed. 7 is Desktop Applications With the growth of the Internet, it's easy to overlook the usefulness of desktop applications. We have extensive experience developing both internal business applications as well as high profile consumer applications. Our areas of expertise include: * Digital media manipulation including MP3, OGG, AAC, WAV, APE, FLAC and MAC files using our own custom audio editing source code library. * TCP/IP based client/server and peer-to-peer networks. * Real-time modeling and data visualization with OpenGL and DirectX. 7 is Embedded Software Software is everywhere today and we can make sure your custom hardware has the most reliable software available. We can even work with your engineers to help them select the best components for the job. In the past we've worked on various PIC microcontrollers and the Hitachi SuperH series of RISC processors.

    PHP, C Programming, Java, and Javascript

  • mercury94 Profile Picture


    Mohali,  India

    We are a website & Software solutions and design media firm. We have been venturing into projects where we feel we can add innovations to. We have developed projects for our clients where we have maintained high standards and that is the reason we do not take up jobs where we feel we have to compromise on the quality aspect. We develop websites and Software. And then we breathe life into them. Keeping you safe from the radioactive jargon, we offer simple solutions to all your web needs.

    ASP, JSP, XML, and .NET

  • hemanshusondhi Profile Picture


    Zirakpur,  India

    iPhone | iPad | Android | PhoneGap | HTML5 | PHP | Wordpress - 100+ Mobile Apps Published on Google Play and Apple Store. - Expert in making Award Winning Mobile App Games. - Company established in April 2006. - 30+ team including 22 full time Mobile apps developers with diversified experience and growing. - 90 Days FREE support for the projects we undertake. - Experienced in providing : * UBER type of app (Android and IOS) for taxi, courier, flower delivery types of services. * Messaging apps like TINDER. * Other apps like Instagram, Yelp, Foresquare. and many more...

    PHP, Javascript, Adobe Flash, and .NET