iimog/atravelblog
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Switch from multi select to jquery-ui selectable

Browse source
This commit is contained in:
Markus Ankenbrand 2017-02-21 00:02:41 +01:00
parent 12933e3b48
commit 37cd5f9498
2 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
js/page-pins-map.js
View file

@ -4,11 +4,12 @@ var map_center = {lat: parseFloat(places[0]['lat']), lng: parseFloat(places[0]['
var traveler = page_pins_map.traveler; var traveler = page_pins_map.traveler;
jQuery('document').ready(function(){ jQuery('document').ready(function(){
for(var i=0; i<traveler.length; i++){ for(var i=0; i<traveler.length; i++){
var opt = document.createElement('OPTION'); var opt = jQuery('<li>');
var optTxt = document.createTextNode(traveler[i]); opt.addClass('ui-widget-content');
opt.appendChild(optTxt); opt.text(traveler[i]);
document.getElementById('travelers-select').appendChild(opt); jQuery('#travelers-select').append(opt);
} }
jQuery( "#travelers-select" ).selectable();
if(typeof google !== 'undefined'){ if(typeof google !== 'undefined'){
// reinit map in case google maps loaded before this script did // reinit map in case google maps loaded before this script did
initMap(); initMap();

4
page-pins.php
View file

@ -32,7 +32,7 @@
<?php the_content(); ?> <?php the_content(); ?>
<select name="travelers" id="travelers-select" multiple></select> <ul id="travelers-select"></ul>
<div class="button" style="color:white" id="travelers-filter-button" onclick="filterByTravelerClick();">Filter</div> <div class="button" style="color:white" id="travelers-filter-button" onclick="filterByTravelerClick();">Filter</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> '); ?>
@ -78,7 +78,7 @@
} }
} }
endwhile; endwhile;
wp_enqueue_script('page_pins_map', get_stylesheet_directory_uri() . '/js/page-pins-map.js', array('jquery')); wp_enqueue_script('page_pins_map', get_stylesheet_directory_uri() . '/js/page-pins-map.js', array('jquery', 'jquery-ui-selectable'));
wp_localize_script('page_pins_map', 'page_pins_map', array('places' => $locations, 'traveler' => array_values($traveler))); wp_localize_script('page_pins_map', 'page_pins_map', array('places' => $locations, 'traveler' => array_values($traveler)));
?> ?>