Dynamic Webpage: A Single Webpage Using Css Javascript 2

This assignment requires a developer to transform a Fireworks file into a fully functional dynamic webpage.

The webpage consists of one single page (see attached image). This page has several form controls that will be used to request and filter search results from a MySQL database. The site must be developed using CSS, Javascript, and PHP with MySQL.  Note: The MySQL database is already built. 

The project has been divided into 6 key stages, or milestones. At the completion of each milestone a portion of the final payment will be made. Read below for details.


Milestone 1: Convert PNG Image (Fireworks) to HTML

1.1	Prepare the page layout, include slicing and positioning all background images, text, pictures, etc. 
1.2	Define all layouts and styles (div, text, background images, etc) using CSS
1.3	Customize the form controls (combo box, text box, buttons, etc) to match the controls illustrated in the fireworks image
1.4	Develop the expandable Categories Menu (using Javascript and CSS)

Note: The page needs to look exactly as illustrated in Fireworks. Quality HTML, and cross browser compatible HTML is a MUST! If any shortcuts are taken, the project will be terminated immediately

 - - Successful Completion of Milestone 1 = Payment of 10% of the Project Budget - - 


Milestone 2: Dynamic HTML  Expandable Menu 

2.1	Set up the connection string (mysql.inc.php), the config file, etc
2.2	Divide the HTML page into three separate pages (Header, Body, and Footer) and use PHP to assemble these pages together
2.3	Use PHP and MySQL to dynamically generate the expandable Categories Menu  prepare at task  1.4 above. Note: the menu items are stored in the Categories database table

 - - Successful Completion of Milestone 2 = Payment of 10% of the Project Budget - - 


Milestone 3: Dynamic HTML  Search Results

3.1	Populate the Search Results with Classes that are marked as Featured (specified by the Feature boolean field in the Classes database table). 
3.2	Add text to specify the number of classes displayed in the search result. E.g. 4 results found for Feature Classes & Activities
3.3	Add functionality that will allow a user to click Price to re-order the search results by price (cheapest to expensive). If the user clicks Price again, reverse the order of the search results (expensive to cheap)

 - - Successful Completion of Milestone 3 = Payment of 15% of the Project Budget - - 

 
Milestone 4: Filter Search Results by Date & Time 

4.1	Filter the search results using the Date and Time form criteria if specified by the user. Note: The Date and Time values of each class are stored in the Class_Schedule database table.
4.2	Change the text not filtered by Date & Time to filtered by Date & Time
4.3	Change the text at the bottom of the search results to display the Date & Time preferences specified by the user.

- - Successful Completion of Milestone 4 = Payment of 20% of the Project Budget - -


Milestone 5: Update Search Results  - Category Selection

5.1	Update the search results when a user selects an item from the Expandable Categories Menu. The user's Date and Time preferences (specified in 4.1) must be maintained.
5.2	Ensure that if a user changes or resets that Date and Time preferences, the search results will change accordingly (while preserving the selected Category)

- - Successful Completion of Milestone 5 = Payment of 20% of the Project Budget - - 


Milestone 6: Update Search Results  - Keyword Search

6.1	Update the search results when a user executes a keyword search. The user's Date and Time preferences must be maintained.
6.2	Ensure that if a user changes their Date and Time preferences, the search results change accordingly (while preserving the selected keyword search)

- - Successful Completion of Milestone 6 = Payment of 25% of the Project Budget - -


Technology Specifications
The site is to be developed using:
 PHP version 5.3 or higher
 MySQL version 5.1 or higher
 Javascript/AJAX
 CSS

Browser Compatibility
The site needs to be compatible with 95% of web browsers, including IE7+, Chrome 15.0+, Safari Ipad, Opera 11.6+, etc

Code Notation
ALL code must be thoroughly and clearly notated. When selecting a developer preference will be given to someone that can demonstrate an ability to clearly notate all code.

Important: Many developers bid for a project without reading the design brief. To give me confidence that you have read and understood the project requirements, please add the words Blue Elephant to the text of your bid. Any bids without these words will be disregarded.

Completion of all milestones by the agreed deadline, and the inclusion of clear and thorough notation across all code will result in an additional bonus of $50		

Latest related projects

Project name/Short description Project type Posted time Budget
C# timer 1-10 when number reach 10 it count back 1-10, this is simple Job
I need simple script in c# that can count 1-10, if number hit 10 it will count back 1-10 vice versa, this is very simple and can be done in an hour. Please bid C# expert. Full details »
4 minutes ago$2 - 8
PHP expert..
we need an expert php coder. person should have years of experience! Full details »
5 minutes ago$8 - 15
paypal sandbox ipn return url not being called
I need help to fix paypal sandbox ipn return url not being called Full details »
5 minutes ago$2 - 8
Style parent theme
1-Style parent theme, exactly the same as child theme 2-make sure there are no theme errors in GTmatrix, or google page speed Insights. It needs to score very well and load very fast. 3-Validate coding in W3C child theme url- www.yourmedic.co.uk Full details »
8 minutes ago$30 - 250
Build a Website
I have a domain (jhtaxonline.com), that I do not have any information on. I need to create a simple static website. I do not have the patience to do it myself. I would have you set it up on your servers...and once it is completed/paid have you dropbox the files. I will then send them to my servers You will have to send me a three samples of websites you have created yourself that encompass ... Full details »
8 minutes ago$30 - 250
Code website from design supplied - must be quality responsive code
We need a design coding up. the site will be supplied as completed illustator CS5 ai files. I expect that a new site code should be completed in 3-4 days. I want the csss to be coded in 3 parts one code for structure, one css code for colour palette and one css code for fonts. The sites will run off our bespoke CMS The code needs to be cross platform, W3C compliant and responsive to service ... Full details »
9 minutes ago$30 - 250
Order form - Web application
I currently use MS Access to except and keep track of all My orders for my business. I want to now create a web version using Mysql and PHP of My order System. 1) Order Entry 2) Reporting 3) Data feeds We will start with Order Entry and if I am please with your work we'll move onto the Reporting and Data feeds. Full details »
9 minutes ago$2 - 8
9 minutes ago$250 - 750
Need Javascript edited
How do I edit this script: var f = this.getField("B"); event.value = (260)+(f.value-1000)/(1000)*(4.00) so that 256.00 does not default as a value in the subject field when nothing has been entered into field "B"? Full details »
11 minutes ago$10 - 30
HerbeyTv work
Need someone to create a website where people can download music and always have user name and password to their profile Full details »
12 minutes ago$250 - 750
Change hard coded text in html to language variables
I have a website that has all text hard coded in the HTML and need to create a multilingual version of that. Your task is to go through all given HTML files and do the following: 1: Find the text elements in the html code, for example in this snippet: <div class="box2 grey" > <h1>Verfijn resultaat</h1> <div class="items ... Full details »
14 minutes ago$30 - 250
Gmail srcipt
i need a script that allows the following in gmail: if an email has a certain subject line and / or body text and / or was sent to a certain email address then: 1. send a canned response to the 'reply to' email address (gmail does not do this) 2. apply a set of lablels then: if ' certain label' then send an another canned response email Im using canned responses ... Full details »
16 minutes ago$75 - 125
BLOG DEVELOPMENT
Must take a wix template already worked and complete the blog. Work it also in design and structure it to have all kinds os advertising formats (banners, videos, etc) and make this structure simple for anyone to place the advertising formats whenever it is needed. Full details »
20 minutes ago$30 - 250
Buy and Install WHMCS for my serwer
Buy and Install WHMCS for my serwer. Full details »
21 minutes ago$30 - 250
Need to get a Video Chat function done in my website -- 2
Hello Freelancers, I am looking someone to make a simple video chat function in CORE PHP. Example can be seen from: http://codecanyon.net/item/magnoliyan-video-chat-pro/7519796 I just need a simple function just same as exampled in the mentioned link with no extra design and coding. I am a developer myself but don't have time to work on this project because i am already overloaded with ... Full details »
22 minutes ago$20 - 60
Complete Python Django existing project
The aim is to complete an already existing Python Django project, in particular: - add new features - fix and complete existing features - improve layout - integrate interface for public presentation - bug fixes Full details »
22 minutes ago$750 - 1500
Website for DCA -- 2
I need a website built in Joomla! 3.1 using the YooTheme Warp framework and YooTheme Widget kit. The Warp frame work is free and I have a developer license for the Widget kit www.yootheme.com The website design will be shared via DropBox or Google Drive. Full details »
23 minutes ago$30 - 250
Создание онлайн магазина (косметики)
Здравствуйте, Я хотел открыть Онлайн магазин косметики с ценорой категории: Средний и Средний+. На данный момент есть 2000 товаров, которыми я торгую в магазине и порой не успеваю на работе. Вот решил опробовать интернет магазин. ... Full details »
24 minutes ago$200 - 1080
Build an Online Store
Hello, I want to build an online Shopping mall with the option of giving vendors their own store fronts. site: www.mysite.com vendor: www.mysite.com/vendor I want it to be in shopify preferably and if not then a wordpress multisite would not be far off. Please contact me for more details. Thanks Full details »
26 minutes ago$750 - 1500
IOS & Android Mobile app design resizing
Hi, I have an app designed in Ai format. and i want you to create a pixel perfect resized versions of all app pages for IOS and andriod phones and tablets Tasks: 1. Resize all pages to IOS and Android (total 25 pages) as per the devices guidelines 2. Apply any design modifications under me supervision (if needed) 3. Slice & export all pages in PNG format and Ai updated files for all ... Full details »
27 minutes ago$30 - 250
32 minutes ago$30 - 50
Write some Software
I would like to create a program on Bus Travel Viewer that works like 'iris' . The program must be created by Microsoft Visual Studio . Full details »
32 minutes ago$30 - 250
Build an Online Store
Build an online E-Commerce Store Which is Secured, Has Social Media Integration and Shopping Cart with Payment Gateway Integration Full details »
34 minutes ago$3000 - 5000
34 minutes ago$30 - 50
Créez un site Web mobile
Je suis capable de développer des applications destinées pour les mobiles Full details »
35 minutes ago$30 - 250
Write some Software can control java engine
hi i need make a site that using jquery ui. it using web service did by java. Thanks Full details »
35 minutes ago$30 - 250
Simple Upload System
We need a small online application built which allows us to add accounts (name, email, username, password, domain) and then a cron which runs nightly and uploads files and folders from a set path to each account that has been added to the system. We have built most of the system, but cannot get the uploading working (where it uploads the contents of a directory including all files and folders) I have ... Full details »
35 minutes ago$30 - 250
Build a forum
I'm looking at building up a forum from start to finish. I own a domain name for the website. I also own the logo and similar stuff like that. However, I require build up of the forum from scratch. the winning bidder will have to assist me in finding the right type of hosting. Will also have to assist me in setting up relevant accounts that will be required for the forum . I don't ... Full details »
37 minutes ago$250 - 750
Build Jquery for alternate views for an existing site
I currently have a website in HTML and have a designs page that needs alternate views for some items. The site is located at http://shah-shah.com/designs/ring_gall1.html and it's the designs page for bracelets, rings, necklaces, earrings. I would like an alternate view for them similar to http://www.tiffany.com/Engagement/Item.aspx?mcat=148203&groupSKU=GRP10070&origin=engagement&search_params=param+0/0/0/0/0/0#p+1-n+1000-c+-s+-r+-t+-ni+1-x+-pu+-f+false+1-lr+-hr+-ri+-mi+-pp+. I ... Full details »
38 minutes ago$30 - 250
Build a Websites
i need help to set up a website social website with like fb with new features....................................................................................... Full details »
38 minutes ago$250 - 750
MT4 INDICATOR
WE HAVE 1-3 MT4 INDICATORS WITH US, WHICH SHOWS BUY AND SELL SIGNALS. WE WANT TO CUSTOMISE IT. DETAILS OF CUSTOMISATION ARE GIVEN BELOW. 1. RENAMING THE INDICATOR. 2. WHEN A BUY AND SELL SIGNAL COMES, THE BUY / SELL PRICE ALONG WITH SL SHOULD BE DISPLAYED INSIDE THE CHART. 3. WE SHOULD BE ABLE TO LOCK THE INDICATOR, SET THE MT4 ID, SET THE EXPIRY DATE. Full details »
39 minutes ago$20 - 30
Convert a Excel / Numbers spreadsheet to an interactive site
Hi, I have a iWork Numbers spreadsheet and I need to build a HTML + Javascript site with THE SAME FUNCTIONALITY. You have to replicate tables, formulas and all aspects of my spreadsheet and build a fully functional HTML page (or multiple pages). Name your price, lower bid will win. Full details »
40 minutes ago$30 - 250
Update to console email application
1) Can you put an item in the config file to allow me to set the color of the header? Currently it is always that blue color. 2) Can you include a config file item that allows me to specify a image to include above the text in the body of the email? If you could embed the image in the email that would be best but if that is not possible then I guess an html link to the image on my web server would ... Full details »
41 minutes ago$10 - 30
Build an Online Store
api integration in exists website. Full details »
41 minutes ago$1500 - 12500
Transfer websites from 1 server to another
I have a handfull of websites that i need to have moved from one server to another provider. Both are Running Cpanel/WHM servers. there is 1 prestashop site, 2 wordpress sites, 1 opencart site and a few static sites, email accounts with current passwords need to be moved as well on some of them. Full details »
42 minutes ago$30 - 250
Plugin Chrome
Plugin for Chrome Need a plugin for Chrome to copy some actions from a sender to a receiver. Plus website. Full details »
45 minutes ago$2000 - 3000
new project for a creative different PR and marketing agency
We do storytelling, we do write-ups, we do eventing , we do traditionally PR and we do ambassador networking for all the brands we work on, we only work with brands that we believe in. We need to show and engage differently with the clients and show them we are different. We do business development for our clients. Full details »
50 minutes ago$21000 - 35000
Creating Online B2B-Marketplace
I need a B2B (Business to Business) - Marketplace store. I'm thinking of someone being able to maybe do this as a Magento Extension(?). Features: Vendors: Multi-Vendor store (Admin should be able to limit their products) Vendor charges monthly fee and per sold article (%) Vendor has own profile Vendor limits the shipping area (maybe with a map? or postal code?) Import his product database ... Full details »
53 minutes ago$1500 - 3000
Build a Website
Want to design three different websites ,kindly contact us on 7532846001 Full details »
54 minutes ago$250 - 750
Ecommerce site modifications and buildout
We are pivoting to a B2B model and need to modify our ecommerce site to work for business customers (rather than consumers) - please check out www.artsperfect.com to review the consumer build. We're using svn to coordinate the work of our distributed team - the scope of action items has been organized into projects and sub-projects. [*more details to be provided shortly] Full details »
55 minutes ago$250 - 750
Fix Wordpress Site / Update / Upgrade
Looking for an expert in Wordpress, that can fixed current issues on sites and even update them. I have 4 different issues with a website that i need to urgently fix. I will inform all information via chat. Looking for long term work, since i have many websites. Please inform me on your experience related to Wordpress as well as PHP. Full details »
59 minutes ago$15 - 25
Wordpress fixed theme (Directory)
I need a wordpress expert. Who knows the theme Directory. ONLY EXPERT AND SERIUS. No more than $ 10 Full details »
59 minutes ago$10 - 30
59 minutes ago$50 - 100
SKRILL HELP URGENT ! ! !
Heloo ,all i need is 90$ in my skrill acount ,because i can`t withdrall my founds more 10 days ,i`m ready to pay for this here 140$ ,if somebody can do this for me i will make transfer first ! thnks Full details »
59 minutes ago$10 - 30
Need Iframe Modified Completed Now
I have 3 iframes that popup inside a fancybox on my site. I want the iframe modified to only show a portion of the page. Everything is coded and even the iframe load inside the popup only thing now i need it modified to only show certain section of the page it loaded. Full details »
1 hour ago$30 - 250
Repairs on an Online Store
We had someone to build us an opencart shopping website. Now we need some repairs and extensions to be done on the shop. In addition, we would need some regular relationship with somebody who can do ad hoc adjustments and extensions. At the moment we have about small 20 item to be fixed, the list will be provided. Why we want to have additional development capacity, we'll mention in a personal ... Full details »
1 hour ago$1750 - 5250
Facebook page auto responder
I need a script for facebook pages to autorespond to the first (only) private message sent to this page. In the script we should be able to add the keywords which should be detected in the first private message in order to send the autorespond message. The script should be able to support multiple facebook pages (but each pages will send a different messages) Full details »
1 hour ago$10 - 150
TUTORIAL VIDEO on HTML and HTML5
I am looking for someone that can help contributing to create a VIDEO-tutorial related to HTML & HTML5 . I need everything that explain, for beginners/advance: 1) the codes HTML/HTML5 with the Tag & Attribute elements 2) how to build a simple static website in HTML-HTML5 If you have done some works (ex. how to modify/create a website in HTML or a template, modify HTML...) you can create ... Full details »
1 hour ago$30 - 250
PSD to HTML - one page with login form
We need HTML mark-up made based on PSD template. There is a landing page with a header, footer and pop-up login form. Only HTML + CSS + JavaScript is required, we don't need you to make a website itself. Specific point here is to make mark-up's base resolution 1280, but it needs to properly shrink and look good at 1024 in case user has it. If you don't know how to do it - please ... Full details »
1 hour ago$30 - 250
Add recently viewed items to Magento product page
Similar to the mockup attached, but 5 items across, and perhaps some minor CSS changes. The latest version of Magento is already set up and privately accessible (you'll have to supply your IP if you'd like to see it). Project shouldn't take more than 1 day. I have other similarly small tweaks to do once this is complete. Thanks! Full details »
1 hour ago$30 - 250