Skip to content

Instantly share code, notes, and snippets.

@KhanMaytok
Last active August 29, 2015 14:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save KhanMaytok/a00c61f8547d0b5472a0 to your computer and use it in GitHub Desktop.
Save KhanMaytok/a00c61f8547d0b5472a0 to your computer and use it in GitHub Desktop.
Update Months events
<select name='monthSelect' id='monthSelect'>
<option value='all'>- Select a month -</option>
</select>
<select name='locationSelect' id='locationSelect'>
<option value='all'>- Select a location -</option>
</select>
<select name='categorySelect' id='categorySelect'>
<option value='all'>- Select a division -</option>
</select>
<select name='prizeSelect' id='prizeSelect'>
<option value='all'>- Prize money? -</option>
<option value='1'>Yes</option>
<option value='0'>No</option>
</select>
<div id="locationsDiv" style="display:none;">
<ul id="locationsList" style="display:none;">[locations_list eventful="1"]
<li data-id="#_LOCATIONID">#_LOCATIONLINK</li>
[/locations_list]</ul>
</div>
<div id="categoriesDiv" style="display:none;">
<ul id="categoriesList">[categories_list hide_empty=1]<li>#_CATEGORYLINK</li>[/categories_list]</ul>
</div>
<div id="sakya-map">
[locations_map width="100%" height="500px"]
</div>
<script>
var globalYear;
var globalDate;
var globalMes, globalCat, globalPrize, globalLocation;
jQuery(document).ready(function(){
var monthList = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
var today = new Date();
var todayNumber = parseInt(today.getMonth());
var currentYear= parseInt(today.getFullYear());
globalYear = currentYear;
var external = 0;
console.log('The number of month is ' + todayNumber + ' year number = ' + currentYear);
while(todayNumber <=12 && external<12){
if(todayNumber == 12){
todayNumber = 0;
currentYear++;
globalYear = currentYear;
}
jQuery('#monthSelect').append("<option value='"+todayNumber+"-"+currentYear+"'>"+ monthList[todayNumber]+"</option>");
external++;
todayNumber++
}
//Filling locations from the ul list
jQuery("#locationsList li").each(function(idx, li) {
var sek = jQuery(li);
console.log(sek.text());
jQuery("#locationSelect").append('<option>'+sek.text()+'</option>');
});
//Filling categories from the ul list
jQuery("#categoriesList li").each(function(idx, li) {
var sek = jQuery(li);
console.log(sek.text());
jQuery("#categorySelect").append('<option>'+sek.text()+'</option>');
});
});
//DISPLAY BY MONTH CHANGE
jQuery(document).on('change', '#monthSelect', function () {
var monthChoosed = jQuery('#monthSelect option:selected').text()
var optionSelected = jQuery(this).val();
var arrayOption = (jQuery(this).val()).split("-");
var numberOfDays = skGetDays(arrayOption[1], arrayOption[0]);
var realMonth = parseInt(arrayOption[0]) + 1;
realMonth = realMonth + "";
if(realMonth.length == 1){realMonth="0"+realMonth}
var testcadena = arrayOption[1]+'-' +realMonth + "-01," + arrayOption[1] + "-" + realMonth + "-" +numberOfDays
var holas = jQuery('[locations_map scope="'+testcadena+'" width="100%" height="500px"]');
jQuery('#sakya-map').html(holas);
em_maps();
});
//DISPLAY BY CATEGORY CHANGE
jQuery(document).on('change', '#categorySelect', function () {
var catChoosed = jQuery('#categorySelect option:selected').text();
var holas = jQuery('[locations_map scope="future" category="'+catChoosed+'" width="100%" height="500px"]');
jQuery('#sakya-map').html(holas);
em_maps();
});
//DISPLAY BY LOCATION CHANGE
jQuery(document).on('change', '#locationSelect', function () {
var locChoosed = jQuery('#locationSelect option:selected').text();
var holas = jQuery('[locations_map scope="future" search="'+locChoosed+'" width="100%" height="500px"]');
if (locChoosed==="- Select a location -") {
alert("catched");
holas = jQuery('[locations_map scope="future" width="100%" height="500px"]');
};
jQuery('#sakya-map').html(holas);
em_maps();
});
//DISPLAY BY PRIZE MONEY CHANGE
jQuery(document).on('change', '#prizeSelect', function () {
var prizeChoosed = jQuery(this).val();
var holas = jQuery('[locations_map scope="future" bookings="'+prizeChoosed+'" width="100%" height="500px"]');
jQuery('#sakya-map').html(holas);
em_maps();
});
jQuery(document).bind('em_maps_locations_hook', function (e, map, infowindow, marker) {
console.log('Marker');
console.log(infowindow);
if (infowindow.length==1) {
map.setZoom(16);
}
});
function skGetDays(skYear, skMonth){
var d= new Date(parseInt(skYear), parseInt(skMonth) + 1, 0);
return d.getDate();
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment