jpressed
Forum Replies Created
Viewing 2 replies - 1 through 2 (of 2 total)
-
Greg, thank you.
When I imported it as plugin, the “Form scheme” appeared in Categories panel. So it seems it’s working now
I hope I won’t be bothering you much in the future, although I know, I’ll probably need your assistance with at least two other things.
Thank you very much for now.
Best regards,
JernejForum: Plugins
In reply to: [Appointment Calendar] APCAL not compatible with Page Builder by SiteOriginNothing?
This is how the source code looks;
<script type="text/javascript"> jQuery(document).ready(function() { jQuery('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, titleFormat: { month: ' MMMM yyyy', // September 2009 week: "MMM d[ yyyy]{ '—'[ MMM] d yyyy}", // Sep 7 - 13 2009 day: 'dddd, MMM d, yyyy' // Tuesday, Sep 8, 2009 }, editable: false, weekends: true, timeFormat: 'h:mm{-h:mmtt }', axisFormat: 'h:mm{-h:mmtt }', firstDay: 1, slotMinutes: 30, defaultView: 'month', minTime: 10, maxTime: 17, monthNames: ["January","February","March","April","May","June","July", "August", "September", "October", "November", "December" ], monthNamesShort: ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sept","Oct","Nov","Dec"], dayNames: ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"], dayNamesShort: ["Sun","Mon", "Tue", "Wed", "Thus", "Fri", "Sat"], buttonText: { today: "Today", day: "Day", week:"Week", month:"Month" }, selectable: false, selectHelper: false, select: function(start, end, allDay) { jQuery('#AppFirstModal').show(); }, events: [ { } ] }); //jQuery UI date picker on modal for //document.addnewappointment.appdate.value = jQuery.datepicker.formatDate('', new Date()); /*jQuery(function(){ jQuery("#datepicker").datepicker({ inline: true, minDate: 0, altField: '#alternate', firstDay: , //beforeShowDay: unavailable, onSelect: function(dateText, inst) { var dateAsString = dateText; var seleteddate = jQuery.datepicker.formatDate('', new Date(dateAsString)); var seleteddate2 = jQuery.datepicker.formatDate('dd-mm-yy', new Date(dateAsString)); document.addnewappointment.appdate.value = seleteddate; }, }); //jQuery( "#datepicker" ).datepicker( jQuery.datepicker.regional[ "af" ] ); });*/ //Modal Form Works - show frist modal jQuery('#addappointment').click(function(){ var todaydate = jQuery.fullCalendar.formatDate(new Date(),'dd-MM-yyyy'); jQuery('#appdate').val(todaydate); jQuery('#AppFirstModal').show(); }); //hide modal jQuery('#close').click(function(){ jQuery('#AppFirstModal').hide(); }); //AppFirstModal Validation jQuery('#next1').click(function(){ jQuery(".apcal-error").hide(); if(jQuery('#service').val() == 0) { jQuery("#service").after("<span class='apcal-error'><br><strong>Select any service.</strong></span>"); return false; } var ServiceId = jQuery('#service').val(); var AppDate = jQuery('#appdate').val(); var SecondData = "ServiceId=" + ServiceId + "&AppDate=" + AppDate; jQuery('#loading1').show(); // loading button onclick next1 at first modal jQuery('#next1').hide(); // hide next button jQuery.ajax({ dataType : 'html', type: 'GET', url : location.href, cache: false, data : SecondData, complete : function() { }, success: function(data) { data = jQuery(data).find('div#AppSecondModal'); jQuery('#loading1').hide(); jQuery('#AppFirstModal').hide(); jQuery('#AppSecondModalDiv').show(); jQuery('#AppSecondModalDiv').html(data); } }); }); //Second Modal form validation jQuery('#booknowapp').click(function(){ jQuery(".apcal-error").hide(); var start_time = jQuery('input[name=start_time]:radio:checked').val(); if(!start_time) { jQuery("#selecttimediv").after("<span class='apcal-error'><br><strong>Select any time.</strong></span>"); return false; } if( !jQuery('#clientname').val() ) { jQuery("#clientname").after("<span class='apcal-error'><br><strong>Name required.</strong></span>"); return false; } else if(!isNaN( jQuery('#clientname').val() )) { jQuery("#clientname").after("<span class='apcal-error'><p><strong>Invalid name.</strong></p></span>"); return false; } var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if( !jQuery('#clientemail').val() ) { jQuery("#clientemail").after("<span class='apcal-error'><br><strong>Email required.</strong></span>"); return false; } else { if(regex.test(jQuery('#clientemail').val()) == false ) { jQuery("#clientemail").after("<span class='apcal-error'><p><strong>Invalid Email.</strong></p></span>"); return false; } } if( !jQuery('#clientphone').val() ) { jQuery("#clientphone").after("<span class='apcal-error'><br><strong>Phone required.</strong></span>"); return false; } else if(isNaN( jQuery('#clientphone').val() )) { jQuery("#clientphone").after("<span class='apcal-error'><p><strong>Invalid phone number.</strong></p></span>"); return false; } }); //back button show first modal jQuery('#back').click(function(){ jQuery('#AppFirstModal').show(); jQuery('#AppSecondModal').hide(); }); }); //Modal Form Works function Backbutton() { jQuery('#AppFirstModal').show(); jQuery('#AppSecondModalDiv').hide(); jQuery('#next1').show(); } //validation on second modal form submissions == appointment_register_nonce_field function CheckValidation() { jQuery(".apcal-error").hide(); var start_time = jQuery('input[name=start_time]:radio:checked').val(); if(!start_time) { jQuery("#selecttimediv").after("<p style='width:350px; padding:2px;' class='apcal-error'><strong>Select any time.</strong></p>"); return false; } if( !jQuery('#clientname').val() ) { jQuery("#clientname").after("<span class='apcal-error'><br><strong>Name required.</strong></span>"); return false; } else if(!isNaN( jQuery('#clientname').val() )) { jQuery("#clientname").after("<span class='apcal-error'><br><strong>Invalid Name</strong></span>"); return false; } var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if( !jQuery('#clientemail').val() ) { jQuery("#clientemail").after("<span class='apcal-error'><br><strong>Email required.</strong></span>"); return false; } else { if(regex.test(jQuery('#clientemail').val()) == false ) { jQuery("#clientemail").after("<span class='apcal-error'><br><strong>Invalid Email</strong></span>"); return false; } } if( !jQuery('#clientphone').val() ) { jQuery("#clientphone").after("<span class='apcal-error'><br><strong>Phone required.</strong></span>"); return false; } else if(isNaN( jQuery('#clientphone').val() )) { jQuery("#clientphone").after("<span class='apcal-error'><br><strong>Invalid phone number.</strong></span>"); return false; } var wp_nonce = jQuery('#appointment_register_nonce_field').val(); var ServiceId = jQuery('#serviceid').val(); var AppDate = jQuery('#appointmentdate').val(); var ServiceDuration = jQuery('#serviceduration').val(); var StartTime = jQuery('input[name=start_time]:radio:checked').val(); var Client_Name = jQuery('#clientname').val(); var Client_Email = jQuery('#clientemail').val(); var Client_Phone = jQuery('#clientphone').val(); var Client_Note = jQuery('#clientnote').val(); var currenturl = jQuery(location).attr('href'); var SecondData = "ServiceId=" + ServiceId + "&AppDate=" + AppDate + "&StartTime=" + StartTime + '&Client_Name=' + Client_Name +'&Client_Email=' + Client_Email +'&Client_Phone=' + Client_Phone +'&Client_Note=' + Client_Note+'&Service_Duration=' + ServiceDuration + '&wp_nonce=' + wp_nonce; var currenturl = jQuery(location).attr('href'); var url = currenturl; jQuery('#loading2').show(); // loading button onclick next1 at first modal jQuery('#buttonbox').hide(); // loading button onclick book now at first modal jQuery.ajax({ dataType : 'html', type: 'POST', url : url, cache: false, data : SecondData, complete : function() { }, success: function() { jQuery('#AppSecondModalDiv').hide(); alert("Thank you for scheduling appointment with us. A confirmation mail will be forward to you soon after admin approval."); var currenturl = jQuery(location).attr('href'); var url = currenturl.replace("#",""); window.location = url; } }); } </script> <style type="text/css"> .apcal-error{ color: #FF0000; } </style> <!---Display Booking Instruction---> Put your booking instructions here.<br>Or you can save It blank in case of nothing want to display. <!---Schedule New New Appointment Button---> <button name="addappointment" class="apcal_btn apcal_btn-primary apcal_btn-large" type="submit" id="addappointment"> <strong></strong><i class="icon-calendar icon-white"></i> Schedule An Appointment </button> <!---Show appointment calendar---> Appointment Calendar Powered By: <a href="http://appointzilla.com/" title="Appointment Scheduling plugin for WordPress" target="_blank">AppointZilla</a> <!---AppSecondModal For Schedule New Appointment---> <!---AppFirstModal For Schedule New Appointment---> <form action="" method="post" name="addnewappointment" id="addnewappointment"> <a href="#" style="float:right; margin-right:-4px;" id="close"><i class="icon-remove"></i></a> <p><strong>Schedule New Appointment</strong></p> Select Date & Service <!--PHP Date-picker --> <script type="text/javascript" language="JavaScript"> <!-- // JS strings var l_lang = "en_US"; var l_sel_date = "Select Date"; var l_not_allowed = "This date is not allowed to be selected"; var l_date_before = "Please choose a date before %s"; var l_date_after = "Please choose a date after %s"; var l_date_between = "Please choose a date between\n%s and %s"; var l_use_ymd_drop = "0"; var l_day = "Day"; var l_month = "Month"; var l_year = "Year"; // Long Month Names var l_january = "January"; var l_february = "February"; var l_march = "March"; var l_april = "April"; var l_may = "May"; var l_june = "June"; var l_july = "July"; var l_august = "August"; var l_september = "September"; var l_october = "October"; var l_november = "November"; var l_december = "December"; if(l_lang == "el_GR"){ // Date Month Names Greek var l_januaryu = ""; var l_februaryu = ""; var l_marchu = ""; var l_aprilu = ""; var l_mayu = ""; var l_juneu = ""; var l_julyu = ""; var l_augustu = ""; var l_septemberu = ""; var l_octoberu = ""; var l_novemberu = ""; var l_decemberu = ""; } // Short Month Names var s_jan = "Jan"; var s_feb = "Feb"; var s_mar = "Mar"; var s_apr = "Apr"; var s_may = "May"; var s_jun = "Jun"; var s_jul = "Jul"; var s_aug = "Aug"; var s_sep = "Sep"; var s_oct = "Oct"; var s_nov = "Nov"; var s_dec = "Dec"; // Long Day Names var l_monday = "Monday"; var l_tuesday = "Tuesday"; var l_wednesday = "Wednesday"; var l_thursday = "Thursday"; var l_friday = "Friday"; var l_saturday = "Saturday"; var l_sunday = "Sunday"; // Short Day Names var s_mon = "Mo"; var s_tue = "Tu"; var s_wed = "We"; var s_thu = "Th"; var s_fri = "Fr"; var s_sat = "Sa"; var s_sun = "Su"; // --> </script> <input name="date1" id="date1" value="2017-01-05" type="hidden"><input name="date1_dp" id="date1_dp" value="" type="hidden"><input name="date1_year_start" id="date1_year_start" value="2017" type="hidden"><input name="date1_year_end" id="date1_year_end" value="2035" type="hidden"><input name="date1_da1" id="date1_da1" value="1483488000" type="hidden"><input name="date1_da2" id="date1_da2" value="2051222400" type="hidden"><input name="date1_sna" id="date1_sna" value="" type="hidden"><input name="date1_aut" id="date1_aut" value="" type="hidden"><input name="date1_frm" id="date1_frm" value="" type="hidden"><input name="date1_tar" id="date1_tar" value="" type="hidden"><input name="date1_inp" id="date1_inp" value="1" type="hidden"><input name="date1_fmt" id="date1_fmt" value="F j, Y" type="hidden"><input name="date1_dis" id="date1_dis" value="" type="hidden"><input name="date1_pr1" id="date1_pr1" value="" type="hidden"><input name="date1_pr2" id="date1_pr2" value="" type="hidden"><input name="date1_prv" id="date1_prv" value="" type="hidden"><input name="date1_pth" id="date1_pth" value="http://xn--dstudeno-4wb.eu/wp-content/plugins/appointment-calendar/calendar/" type="hidden"><input name="date1_spd" id="date1_spd" value="[[],[],[]]" type="hidden"><input name="date1_spt" id="date1_spt" value="0" type="hidden"><input name="date1_och" id="date1_och" value="myChanged%28%29" type="hidden"><input name="date1_str" id="date1_str" value="0" type="hidden"><input name="date1_rtl" id="date1_rtl" value="0" type="hidden"><input name="date1_wks" id="date1_wks" value="" type="hidden"><input name="date1_int" id="date1_int" value="1" type="hidden"><input name="date1_hid" id="date1_hid" value="1" type="hidden"><input name="date1_hdt" id="date1_hdt" value="1000" type="hidden"><input name="date1_hl" id="date1_hl" value="en_US" type="hidden"><iframe id="date1_frame" src="http://xn--dstudeno-4wb.eu/wp-content/plugins/appointment-calendar/calendar/calendar_form.php?objname=date1&selected_day=05&selected_month=01&selected_year=2017&year_start=2017&year_end=2035&dp=0&da1=1483488000&da2=2051222400&sna=&aut=&frm=&tar=&inp=1&fmt=F j, Y&dis=&pr1=&pr2=&prv=&pth=http://xn--dstudeno-4wb.eu/wp-content/plugins/appointment-calendar/calendar/&spd=[[],[],[]]&spt=0&och=myChanged%28%29&str=0&rtl=0&wks=&int=1&hid=1&hdt=1000&hl=en_US" scrolling="no" allowtransparency="true" style="z-index: 100;height:201px;" margin-left="20px" width="250px" height="100%" frameborder="0"></iframe> <script language="javascript"> function myChanged() { var x = document.getElementById('date1').value; x = moment(x).format('DD-MM-YYYY'); document.getElementById('appdate').value = x; } </script> <strong>Your Appointment Date:</strong><br> <input name="appdate" id="appdate" readonly="" style="height:30px;" type="text" height="30px;"> <br><br> <strong>Select Service:</strong><br> <select name="service" id="service"> <option value="0">Select Service</option> <option value="1"> Default (30min/$100) </option> </select> <br> <button name="next1" class="apcal_btn" type="button" id="next1" value="next1">Next <i class="icon-arrow-right"></i></button> Loading...<img src="http://xn--dstudeno-4wb.eu/wp-content/plugins/appointment-calendar/images/loading.gif"> </form>Any suggestion would be helpfull.
Thanks
Viewing 2 replies - 1 through 2 (of 2 total)