Create Web Application Navigation Shell with jQuery and AJAX/JSON API

Closed Posted Jan 23, 2011 Paid on delivery
Closed Paid on delivery

The purpose of this project is to create a functioning front-end Navigation Shell in which we can insert various application components depending on current navigation status. The navigation system will interact with our back-end system using AJAX calls. Use the guidelines below as well as the attached PSDs and detailed UI implementation sketches to create a jQuery driven front-end UI API that includes everything our programmers will need to hook in and serve end-user functionality.

**Bonus Available based on Quality of Work and Speed of Delivery.**

## Deliverables

Project Guidelines

? Only use the jQuery framework and jQuery plugins for the UI (no other frameworks). Custom coding is acceptable as long as it fully utilizes jQuery to assure maximum efficiency.

? All clickable images, buttons, and areas should have a hover effect when the mouse is over the affected element.

? Certain regions and panels are drag-n-drop "dockable" as seen in attached instructional graphics.

? We should cache all navigation data used on a page. That cached buffer should be updated at the same time any changes are posted back to the server (using AJAX/JSON).

? Always notify the server upon changing, deleting, moving, or specifying new navigation elements.

? The left side has two forms of navigation? one is collapsed with fly-outs for maximum use of screen pixels and the other mode shows all hubs/categories/titles in a larger left column area. These two views can be toggled and should persist unless changed by the user or a call to the navigation shell API.

? There should be no horizontal scrolling.

? Styles should be specific to the elements used and should not be inherited to main component content area (where 3rd party components will live)

? A internal component DIV should able to be inserted without excess padding.

? Please create a set of reusable modal windows (with a library of cases? each case is a different message / use) that can be called from anywhere. For example usage purposes, please use this for delete confirmations.

? All HTML and CSS should validate to W3C standards using XHTML 1.0 transitional.

? Supported browsers should be IE7+, FF3+, Chrome 1+, and Safari 4+.

MySQL PHP Software Architecture Software Testing Web Hosting Website Management Website Testing

Project ID: #3049932

About the project

3 proposals Remote project Active Feb 14, 2011

3 freelancers are bidding on average $326 for this job

liumy1985

See private message.

$340 USD in 7 days
(150 Reviews)
5.6
miesterphp

See private message.

$340 USD in 7 days
(16 Reviews)
5.3
PowerDevelopers

See private message.

$297.5 USD in 7 days
(7 Reviews)
3.5