In Progress

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, yahoo store search site functionality, wordpress advanced search filter, drupal view search filter expose results, javascript search, javascript search function, javascript search script jsp servlets, session validation javascript using ajax java, javascript search term, develope jsp javascript using onclick, javascript timesheet sort, retrieve data javascript using, javascript using application source code

About the Employer:
( 54 reviews ) Sydney, Australia

Project ID: #17132203

21 freelancers are bidding on average $281 for this job

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
(376 Reviews)
9.3
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
(61 Reviews)
6.5
joinwithsantanu

Hello, Some of our previous works: [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] More

$305 USD in 10 days
(40 Reviews)
6.4
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
(39 Reviews)
5.6
$400 USD in 5 days
(21 Reviews)
5.5
$444 USD in 10 days
(54 Reviews)
5.7
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
(22 Reviews)
5.1
$218 USD in 10 days
(37 Reviews)
5.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
(4 Reviews)
4.8
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
(17 Reviews)
4.7
shingjin

Hello, Thanks for your consideration. If you will award me, I will give you the perfect result and make you glad. My main motive is to completely satisfy you with my best service. Let’s build your project success More

$277 USD in 7 days
(19 Reviews)
4.7
$210 USD in 10 days
(12 Reviews)
4.1
$150 USD in 1 day
(8 Reviews)
4.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)
4.1
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
(10 Reviews)
3.8
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)
3.5
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)
3.0
$305 USD in 6 days
(2 Reviews)
1.6
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
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
(3 Reviews)
0.0