Onclick refresh div content based on the selected values without reloading a new page.
Hello;
I use sliders as filter to show list of hotels based on the selected price range value on the sliders here. The sliders are located on the right side bar. They work fine with no problems. The good thing about them is that they do not reload a whole new page on the div.
Problem:
Now I also need to use another filter and that is "star type". So the user can choose to see the hotels with 1,2,3,4,5 or 6 stars. I have already made that part working as well but the problem is the way I have coded it reloads a whole new page in that div.
I do not want that! I want the same page to remove the in-appropriate results just the same way that sliders work without reloading a new page. For many reasons (constantly changing css I have to apply changes in 2 places,...).
This is the code I currently use to refresh the div based on the selected stars:
Now I was wondering if anyone could show me how to show the right hotrls based on the stars selected without reloading a new page but just the way stars work.
Thank you.
I use sliders as filter to show list of hotels based on the selected price range value on the sliders here. The sliders are located on the right side bar. They work fine with no problems. The good thing about them is that they do not reload a whole new page on the div.
Problem:
Now I also need to use another filter and that is "star type". So the user can choose to see the hotels with 1,2,3,4,5 or 6 stars. I have already made that part working as well but the problem is the way I have coded it reloads a whole new page in that div.
I do not want that! I want the same page to remove the in-appropriate results just the same way that sliders work without reloading a new page. For many reasons (constantly changing css I have to apply changes in 2 places,...).
This is the code I currently use to refresh the div based on the selected stars:
$.get('reloads/list_nd.php', { search_id: '18',id: '53',altFormat: '2013-01-31',checkin_term: '31 January, 2013',nights: '1',adults: '1',children: '0',room_type: 'any',startype: '',order: '3',stars: $val, startype: $val},function(output){$('#results_list').html(output).show();});}
Now I was wondering if anyone could show me how to show the right hotrls based on the stars selected without reloading a new page but just the way stars work.
Thank you.