Completed

CSS/Javascript Search Filter Functionality

I require an expert in CSS, Javascript and Responsive Design to add in a number of filters and options for our hotel search page;

Please see page at:

[login to view URL]

The task involves a number of items:

Using the Hotel table and all the fields specified in the TR for each row;

For the right hand filters column

1. Name: Have the hotel name search section dynamically filter as the use enters search text. (hname field)

2. Star Rating: Using CSS stars buttons should be hand pointers and clickable, hover over should turn them gold. When a star rating is clicked it should toggle filter in/out those respective results. (hstar field)

3. Guest Review Score: Similar functionality to star rating. (hreview field)

4. Price: Add in a price range slider that dynamically sets the highest and lowest prices from this table. This should be in a callable function that can be used if prices change. The slider should then filter the results in the list by the minimum and maximum prices that are specified. Eg. [login to view URL] (hrate field)

5. Type : to detail

6. Themes: to detail

For the sortable options above the hotel results”

1. Price: Should open a menu on hover, with options “Lowest Price, Highest Price, Price and Rating”. Should say “Sort by” above menu options on hover. When a option is selected the table should be dynamically sorted using javascript by the option selected (hrate field). For Price and Rating list should be sorted by hrate times by (11- hreview) ascending. If an option is selected it should make the price section highlighted in light blue with the words Price and then the option selected eg: Price - Lowest First . All other sort options on the top menu should be reset on selection.

2. Rating : Same as Price functionality above but with options : Highest Rated, Rating and Price.(does same as the similar option In price)

3. Stars: Same as Price functionality however should just toggle between 5 to 1 and 1 to 5 when selected (hstar field)

4. Distance: Same as stars above but distance ascending only (hdist field)

For the Double Room option in the search at the top:

Options should be Single Room, Double Room, Family Room, Multiple Rooms when selected a global variable ‘adults’ should be set to either 1 or 2. Family room and multiple rooms should prompt number of rooms, adults, children and children ages.

Looking for nice looking dropdown lists – eg [login to view URL]

Skills: CSS, HTML, HTML5, Javascript, jQuery / Prototype

See more: filter html table using javascript, javascript search box, bootstrap filter list, bootstrap search filter, filter list javascript, jquery search filter, html table with drop down filter, jquery filter list search, i am looking for a clone of the search/filter front end of this site, css search filter, css javascript search form categories, css javascript search box, css javascript search form, collapse javascript using plus minus image, javascript table sort php mysql

About the Employer:
( 49 reviews ) Sydney, Australia

Project ID: #17132203

Awarded to:

DigitalRace

Hi when I read this job specifications, I felt this project is very fit for my skills As a professional web developer, I can implement this project successfully Please ping me, I am waiting for you Thanks Travis

$400 USD in 10 days
(33 Reviews)
0.0

24 freelancers are bidding on average $276 for this job

SeniorWebDev1

Hi there I read your proposal and understood your idea. I am a senior web designer & developer. So I can update your site perfectly. I hope to work with you. Thanks for your attention.

$305 USD in 10 days
(29 Reviews)
0.0
$218 USD in 10 days
(26 Reviews)
0.0
instaacoders

Hi, This is Abhi from Instaacoder located in Delhi,India. I have gone over your requirements and i have . I am new at the freelancer but have worked with various clients all across the globe and would love to wo More

$150 USD in 10 days
(1 Review)
0.0
SolankiVishu

Hi there, I have carefully gone through your job description and so I am very interested in your project. "Correct implementation for requirements + Fast Speed + Top Quality + Time". This is my working style. More

$305 USD in 10 days
(5 Reviews)
0.0
$150 USD in 1 day
(3 Reviews)
0.0
PelleWeb

Hi there, how are you? No problem. I have read your requirements carefully and feel confident to finish it in a day. You will be happy with my experience in CSS and Javascript. By the way, I am good at databas More

$305 USD in 10 days
(13 Reviews)
0.0
$444 USD in 10 days
(53 Reviews)
0.0
CreativeExpertIT

Hello sir/mam, Hope you are doing well.. Our Skill is completely match with job description.I have read and understand your project requirements. Please Visit us our past work portfolio:- [login to view URL] More

$305 USD in 10 days
(17 Reviews)
0.0
bharatchhabra13

Hello, My name is Bharat and I have read your project description regarding CSS/Javascript work. Doable work for me With 100% completion rate, on time and on budget and with 5-star review I am confident in deliveri More

$300 USD in 5 days
(11 Reviews)
0.0
mountian1997

Dear,sir! If you assign me this project,I will do my best. I hope you will discuss me about your project. Through this chance you might know my skills better. I will be responsible about my project to the end More

$150 USD in 10 days
(5 Reviews)
0.0
$210 USD in 10 days
(12 Reviews)
0.0
kchg

Hi, I am TOP 6th freelancer of freelancer.com. As you can see in my profile((http://www.freelancer.com/u/kchg.html)) I have so much experienced with websites development for over 10 years. I have also very experience More

$400 USD in 10 days
(370 Reviews)
0.0
anatoly02

i am working as a senior developer. i dont want much money, but hope full star and trust. i am sure we will finish our project successfully. thanks a lot regards

$150 USD in 10 days
(17 Reviews)
0.0
$400 USD in 5 days
(20 Reviews)
0.0
sachin963

Hi, Hope you are doing well! I have experience with PHP from last 6 years and I have excellant web development skills (HTML5/responsive and mobile websites, CSS3, php, css, AJAX/jQuery, MySQL, Javascript etc) inc More

$300 USD in 7 days
(3 Reviews)
0.0
businesstogether

Hello, I can start work on your project immediately once you confirm me and i am also open for further discussion if you want. I have 8+ years in web designing & development with good experience in following skil More

$300 USD in 5 days
(0 Reviews)
0.0
ithoughts85

Hi, am having 7+ years of experience in web development and cross plat form [login to view URL] having on experience on the following technologies: 1)html5,CSS3,Javascript,Ajax 2)Angular js, 3)php mysql,cms like wordpre More

$305 USD in 10 days
(0 Reviews)
0.0
Gaosong2017

Honorable Seniors. How are you? I have experience 7+ years in developing .NET, Laravel, node.js, angular.js, react.js and Python Frameworks. Additionally, I have experience in Android and iPhone. I will work for you More

$305 USD in 10 days
(46 Reviews)
0.0
$305 USD in 6 days
(2 Reviews)
0.0
$166 USD in 10 days
(8 Reviews)
0.0