Add functionality for reset button

This commit is contained in:
Markus Ankenbrand 2017-02-21 00:51:05 +01:00
parent 270fd576ea
commit bd8d44ad14
2 changed files with 8 additions and 2 deletions

View file

@ -14,6 +14,8 @@ jQuery('document').ready(function(){
// reinit map in case google maps loaded before this script did // reinit map in case google maps loaded before this script did
initMap(); initMap();
} }
jQuery('#travelers-filter-button').on('click', filterByTravelerClick);
jQuery('#travelers-reset-button').on('click', resetFilter);
}); });
var markers = []; var markers = [];
function initMap() { function initMap() {
@ -54,6 +56,10 @@ function filterByTravelerClick(){
filterMarkersByTravelers(travelers); filterMarkersByTravelers(travelers);
} }
function resetFilter(){
filterMarkersByTravelers(traveler);
}
function filterMarkersByTravelers(travelers){ function filterMarkersByTravelers(travelers){
for(var i=0; i<markers.length; i++){ for(var i=0; i<markers.length; i++){
markers[i].setVisible(false); markers[i].setVisible(false);

View file

@ -35,8 +35,8 @@
<ul id="travelers-select"></ul> <ul id="travelers-select"></ul>
<div style="clear: both; float: left; display: block; position: relative;margin-top: 20px;"> <div style="clear: both; float: left; display: block; position: relative;margin-top: 20px;">
<a class="button" style="color:white" id="travelers-filter-button" onclick="filterByTravelerClick();">Filter</a> <a class="button" style="color:white" id="travelers-filter-button">Filter</a>
<a class="button" style="color:white" id="travelers-reset-button" onclick="filterByTravelerClick();">Reset</a> <a class="button" style="color:white" id="travelers-reset-button">Reset</a>
</div> </div>
<?php wp_link_pages('before=<div class="clear"></div><p class="page-links">' . __( 'Pages:', 'hitchcock' ) . ' &after=</p>&seperator= <span class="sep">/</span> '); ?> <?php wp_link_pages('before=<div class="clear"></div><p class="page-links">' . __( 'Pages:', 'hitchcock' ) . ' &after=</p>&seperator= <span class="sep">/</span> '); ?>