Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jpressed

    (@jpressed)

    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,
    Jernej

    Thread Starter jpressed

    (@jpressed)

    Nothing?

    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)