In Progress

Ajax: Display data from mysql and filter results

1) Develop a HTML page, using php that acceses MySQL database and displays results on a webpage. (Sample Database Table design is attached)

2) The webpage will have two columns - left column for sidebar and right column for content. The template of the website is ready and you do not have to code header or footer.

3) Left sidebar will have the following options which can be used by users to filter results:

3.a) Year - Slider (to enable users to filter cars based on Year)

3.b) Price - Slider (to filter cars based on Price e.g. show cars in the price range of 100000 to 300000)

3.c) No. of Owners - Checkbox

3.d) Brand - Checkbox

Whenever, a user perfoms any action on the options on the sidebar, the code should pull data from the database building the query based on selected options. The content should load in the same page. The options on siidebar should change corresponding to new results.

For example, if a user chooses to search single owned cars, option for 2 should be unchecked automatically.

4) The above functionality should be developed using JQuery Ajax, CSS and php.

5) Working code along with all required libraries will be part of deliverables.

NB: Filter checkboxes and sliders, when changed, will updated automatically, without pressing a button. Check [url removed, login to view] for a demo of how changes on sliders and checkboxes filters search results without loading a new page.

Skills: AJAX, MySQL, PHP

See more: jquery php mysql filter results, ajax mysql filter results, show data using slider mysql php, price slider filter using jquery ajax, price filter mysql results, filter mysql results price ajax, mysql ajax price slider, slider mysql demo, jquery ajax slider filter, display mysql results using jquery slider, php filter data mysql html, ajax filter mysql slider, code filter data ajax php mysql, php ajax display results, filter data mysql using checkboxes jquery, filter results mysql, mysql php filter results data slider, php data filter checkbox, php ajax show results, checkbox ajax display, ajax filter results, display results mysql ajax, ajax filter mysql checkboxes using jquery, search mysql data display page ajax, display data ajax code

About the Employer:
( 2 reviews ) Bhubaneswar, India

Project ID: #1119220