function updateClose( modal_id, o){ $(modal_id+ ' .btn[data-bs-dismiss="modal"] ,'+o.modal+' .btn-close[data-bs-dismiss="modal"]').attr('url' ,o.url); if(o.modal != undefined && o.modal != '' ){ $(modal_id + ' .btn[data-bs-dismiss="modal"] ,'+o.modal +' .btn-close[data-bs-dismiss="modal"]').attr('modal' ,o.modal); } } function popupcalendar(e) { var url = $(e).attr('data-link'); window.open(url, '_blank'); } function getParameterByName( name ){ var regexS = "[\\?&]"+name+"=([^&#]*)", regex = new RegExp( regexS ), results = regex.exec( window.location.search ); if( results == null ){ return ""; } else{ return decodeURIComponent(results[1].replace(/\+/g, " ")); } } $(document).ready(function(){ if($("body .div_content_main").hasClass("home")) { if(localStorage.getItem("newlt")==undefined){ $('#modal_nl').modal('show'); // localStorage.setItem("newlt","done",86400000); }} var subscribe = getParameterByName('subscribe'); if(subscribe=='yes'){ console.log(subscribe); setTimeout(function(){ $('.btn_sub').click()}, 2000); } $('.btn_sub').click(function(){ $('#modal_sub').modal('show'); }) $('.showmorecalendar').click(function(){ $('.showmorecalendar').css('display','none'); $('.calendar_count10').css('display','flex'); }) $('.btn_sub_send').click(function(){ param = { t:'sub' , 'email':$('#subEmail').val(), 'name':$('#subName').val(), }; $.ajax({ type: "POST", url: '/ajax', contentType: "application/json", dataType: "json", data: JSON.stringify(param), success: function(obj) { $('#modal_sub').modal('hide'); if(obj.err==0){ $('#modal_sub #subName , #modal_sub #subEmail ').val(''); $('#modal_msg .modal-body').html(obj.msg); $('#modal_msg').modal('show'); }else{ $('#modal_msg .modal-body').html(obj.msg); $('#modal_msg').modal('show'); } updateClose( '#modal_msg' , obj); } }); }) $('#start_date,#end_date,#location,#organiser,#search_calendar').change(function() { if($('#start_date').val()!=''){ var $text_start = $('#start_date').val(); $text_start = $text_start + '-01'; } param = { t: 'search', start_date:$text_start, end_date:$('#end_date').val(), location: $('#location').val(), organiser: $('#organiser').val(), search_calendar: $('#search_calendar').val() }; $.ajax({ type: "POST", url: '/?task=ajax', contentType: "application/json", dataType: "json", data: JSON.stringify(param), success: function(obj) { $('#def_calendar').html(obj.html); } }); $('.showmorecalendar_div').css('display','none'); }); $('.modal .btn-close , .modal-footer .btn').click(function(){ if( $(this).attr('url')!='' && $(this).attr('url')!=undefined ){ window.location = $(this).attr('url') ; } if( $(this).attr('modal')!='' && $(this).attr('modal')!=undefined ){ $($(this).attr('modal')).modal('show') ; } $(this).removeAttr('url').removeAttr('modal'); }) $('.home .news-owl').owlCarousel({ loop:true, margin:30, nav:true, autoplay:true, autoplayTimeout:8000, navText : ['',''], responsive:{ 0:{ items:1 }, 600:{ items:1 }, 1000:{ items:3 } } }) var menubtn = document.getElementById('menu_btn'); var theToggle = document.getElementById('toggle'); function hasClass(elem, className) { return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' '); } function addClass(elem, className) { if (!hasClass(elem, className)) { elem.className += ' ' + className; } } function removeClass(elem, className) { var newClass = ' ' + elem.className.replace( /[\t\r\n]/g, ' ') + ' '; if (hasClass(elem, className)) { while (newClass.indexOf(' ' + className + ' ') >= 0 ) { newClass = newClass.replace(' ' + className + ' ', ' '); } elem.className = newClass.replace(/^\s+|\s+$/g, ''); } } function toggleClass(elem, className) { var newClass = ' ' + elem.className.replace( /[\t\r\n]/g, " " ) + ' '; if (hasClass(elem, className)) { while (newClass.indexOf(" " + className + " ") >= 0 ) { newClass = newClass.replace( " " + className + " " , " " ); } elem.className = newClass.replace(/^\s+|\s+$/g, ''); } else { elem.className += ' ' + className; } } menubtn.onclick = function() { toggleClass(theToggle, 'on'); if($("#toggle").hasClass('on')){ $('.header_logo img').attr('src','/images/logo1.png'); $('.wrapper').css('top','0'); $('.menuimg').css('display','block'); $('body').css('overflow-y','hidden'); $('body').css('touch-action','none'); $('body').css('-webkit-overflow-scrolling','none'); $('body').css('overscroll-behavior','none'); }else{ $('.header_logo img').attr('src','/images/logo1.png'); $('.wrapper').css('top','-100%'); $('.menuimg').css('display','none'); $('body').css('overflow-y','scroll'); $('body').css('touch-action','auto'); $('body').css('-webkit-overflow-scrolling','auto'); $('body').css('overscroll-behavior','auto'); if($( window ).width() < 991){ $('.wrapper').css('top','-120%'); $('#header_logo .header_logo img').attr('src','/images/logo1_w.png'); } } return false; } $('.back_to_top').click(function(){ topFunction(); }) function topFunction() { document.documentElement.scrollTop = 0; } if($('.div_content_main').hasClass('home')){ $('.header_logo img').attr('src','/images/logo1_w.png'); }else{ $('.header_logo img').attr('src','/images/logo1.png'); } $('.useful_link_title .linksborder').click(function(){ var link_alt = $(this).attr('alt'); $('.linksborder').removeClass('active'); $(this).addClass('active'); $('.useful_block').removeClass('active'); $('.useful_block').each(function() { if($(this).attr('data-link')==link_alt){ $(this).addClass('active'); } }); }); $('.new_smail_img').mouseover(function(){ var news_link = $(this).attr('data-new'); var news_img = $(this).find('.ratio').css("background-image"); var news_title = $(this).find('span').text(); var news_link1 = '/newsletter/view/'+news_link; $('.new_big_img .ratio').css("background-image",news_img); $('.new_big_img .new_title').text(news_title); $('a.new_big_img_link').attr('href',news_link1); }); $(window).scroll(function(){ if (document.documentElement.scrollTop > 20 && document.documentElement.scrollTop < 200) { $('#menu_bar').css('top','-100px'); } if (document.documentElement.scrollTop > 300) { $('#menu_bar').css('background-image','linear-gradient(to right, #809ED8, #2269CD)'); $('#menu_bar').css('position','fixed'); $('.header_logo img').attr('src','/images/logo1.png'); } if (document.documentElement.scrollTop > 300) { $('#menu_bar').css('top','0px'); } if(document.documentElement.scrollTop < 20){ $('#menu_bar').css('position','initial'); $('#menu_bar').css('background-image','none'); if($('body .home').length>0){ $('.header_logo img').attr('src','/images/logo1_w.png'); } if($( window ).width() < 991){ $('#header_logo .header_logo img').attr('src','/images/logo1_w.png'); } } }); if($( window ).width() < 991){ $('#header_logo .header_logo img').attr('src','/images/logo1_w.png'); } var test_width = $( window ).width(); var test_height = $( window ).height(); $('.test_width').html(test_width); $('.test_height').html(test_height); function validateEmail($email_address) { var emailReg = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i; return emailReg.test($email_address); } $('.contact_us form .btn_submit').click(function(){ var name = $('#name').val(); var email_address = $('#email').val(); var phone_no = $('#tel').val(); var con_message = $('#message').val(); var err = 0; $('form .req').each(function(){ if($(this).val() ==''){ err = 1; $(this).css('background-color','#ffd2d2'); }else{ $(this).css('background-color','#fff'); } }) console.log(err); if(!validateEmail(email_address)) { err = 1; $('#email').css('background-color','#ffd2d2'); } console.log(err); if(err==0){ param = { t:'a', name: $('#name').val() , email_address:$('#email').val(), phone_no:$('#tel').val(), con_message:$('#message').val() }; $.ajax({ type: "POST", url: '/index.php?task=sendContact', contentType: "application/json", dataType: "json", data: JSON.stringify(param), success: function(obj) { if(obj.mail.status == 1){ $('form .req').val(''); alert('感謝你的留言。'); }else{ alert("請等等,由於系統煩忙,請稍後嘗試或請電話致電。"); } } }) } }) })