HHH_Home_Decoration_2/desktop11/goto.js

$(".banner-slider").slick({
  speed: 800,
  arrows: false,
  autoplay: true,
});



// // gototop 下滑效果
$(".arrow").hide();
$(window).scroll(function () {
  var y = window.scrollY;

  if (y > 10) {
    $(".arrow").show();
  } else {
    $(".arrow").hide();
  }

});

$(".content1-right").slick({
  dotsClass: 'slick-dots',
  dots: true,
  speed: 1000,
  arrows: false,
  autoplay: true,
});
// content輪播圖片偵測效果
$(".text-1").addClass("contant-toggle");

$(".content1-right").on('beforeChange', function (event, slick, currentSlide, nextSlide) {
  console.log('beforeChangeEvent: currenSlide=' + currentSlide + ', nextSlide= ' + nextSlide);
  if (nextSlide == 1) {
    $(".text-1").removeClass("contant-toggle");
    $(".text-2").addClass("contant-toggle");
    $(".text-3").removeClass("contant-toggle");
  } else if (nextSlide == 2) {
    $(".text-2").removeClass("contant-toggle");
    $(".text-1").removeClass("contant-toggle");
    $(".text-3").addClass("contant-toggle");

  } else if (nextSlide == 0) {
    $(".text-2").removeClass("contant-toggle");
    $(".text-1").addClass("contant-toggle");
    $(".text-3").removeClass("contant-toggle");
  }

});

// $( ".text2" ).hover( function() {
//   $(".content1-right").slick('slickGoTo',1);
// });

// $( ".text1" ).hover( function() {
//   $(".content1-right").slick('slickGoTo',0);
// });
// $( ".text3" ).hover( function() {
//   $(".content1-right").slick('slickGoTo',2);
// });


// $( ".text-2" ).hover( function() {
//   $(".content1-right").slick('slickGoTo',1);
// });

// $( ".text-1" ).hover( function() {
//   $(".content1-right").slick('slickGoTo',0);
// });
// $( ".text-3" ).hover( function() {
//   $(".content1-right").slick('slickGoTo',2);
// });

// $( ".text-2" ).click( function() {
//   $(".content1-right").slick('slickGoTo',1);
// });

// $( ".text-1" ).click( function() {
//   $(".content1-right").slick('slickGoTo',0);
// });
// $( ".text-3" ).click( function() {
//   $(".content1-right").slick('slickGoTo',2);
// });







var emailPattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

function submit() {

  //  let loc = $( "#loc option:selected" ).text();

  let loc = $("#loc").val();


  let h_class = $("#h_class").val();

  let size = $("#size").val();

  let name = $("#name").val();

  let email = $("#email").val();

  let phone = $("#phone").val();

  let version = $("#version").val();

  // console.log(loc);
  if (name == null) {
    alert('請填寫姓名');
    return;
  };

  if (email == null) {
    alert('請填寫email');
    return;
  }else if(!emailPattern.test(email)){
    alert('請填寫正確的email格式');
    return;
  };

  if (phone == "") {
    alert('請填寫連絡電話');
    return;
  } else if (!/^[09]{2}[0-9]{8}$/.test(phone)) {
    alert('請填寫正確的手機格式');
    return;
  };
  
  if (loc == null) {
    alert('請填寫所在區域');
    return;
  };

  if (h_class == null) {
    alert('請填寫房屋類型');
    return;
  };

  if (size == null) {
    alert('請填寫房屋實際坪數');
    return;
  };


  /*	var formRef = $('#form1').serializeArray();
  //   var jsonString = JSON.stringify(formRef);*/
  //   $.fn.serializeObject = function () {
  //     var o = {};
  //     var a = this.serializeArray();
  //     o["id"] = 0;
  //     o["time_stamp"] = "";
  //     $.each(a, function () {
  //       if (o[this.name]) {
  //         if (!o[this.name].push) {
  //           o[this.name] = [o[this.name]];
  //         }
  //         o[this.name].push(this.value || '');
  //       } else {
  //         o[this.name] = this.value || '';
  //       }
  //     });

  //     return o;
  //   };

  // var jsonInfo = $('.contact-form1').serializeObject();
  // var jsonString = JSON.stringify(jsonInfo);
  // console.log(jsonString);


  let formdata = '';

  formdata = '{"email": "' + email + '",'
  formdata += '"name": "' + name + '",'
  formdata += '"phone": "' + phone + '",'
  formdata += '"loc": "' + loc + '",'
  formdata += '"h_class": "' + h_class + '",'
  formdata += '"version": "' + version + '",'
  formdata += '"id": "' + 0 + '",'
  formdata += '"time_stamp": "' + 0 + '",'
  formdata += '"size": "' + size + '"}';

  console.log(formdata);

  $('#submitbutton').text('表單送出中，請稍後');

  $.ajax({
    type: 'POST',
    url: 'https://go.hhh.com.tw:8002/deco_request_detail',
    data: formdata,
    dataType: 'json',
    // async: false,

    success: function (data) {
      console.log('送出成功: ' + data);
      if (data == 0) {
        if ($('#credit').prop("checked")) {
          $.ajax({
            type: 'POST',
            url: 'https://api.ptt.cx:9999/hhh/mail/deco/v2',
            data: formdata,
            dataType: 'json',
            contentType: 'application/json; charset=utf-8',
            async: false,

            success: function (res) {
              console.log('送出成功');
            },
            error: function (error) {
              console.error(error);
              console.log('送出失敗');
            }

          });
        }
        // alert("送出成功");
      } else if (data == 1) {
        alert("此email已填過表單");
      } else if (data == 2) {
        alert("此phone已填過表單");
      } else if (data == 3) {
        alert("此email、phone已填過表單");
      }
      location.href = "./index_complete_line.html";
    },

    beforeSend: function () {
      console.log('beforeSend');
    },
    complete: function () {
      console.log('complete');


    },

    error: function (jqXHR, textStatus, errorThrown) {
      console.log(JSON.stringify(jqXHR));
      console.log("AJAX errr: " + textStatus + ' : ' + errorThrown);
      console.log('送出失敗: ' + jqXHR.responseText);
      alert("送出失敗");
    }
  });


  return false;
}

// $(".contact-form1").submit(function (e) {
//   if ($('#credit').prop("checked")) {
//     $.fn.serializeObject = function () {
//       var o = {};
//       var a = this.serializeArray();
//       // o["id"] = 0;
//       // o["time_stamp"] = "";
//       $.each(a, function () {
//         if (o[this.name]) {
//           if (!o[this.name].push) {
//             o[this.name] = [o[this.name]];
//           }
//           o[this.name].push(this.value || '');
//         } else {
//           o[this.name] = this.value || '';
//         }
//       });

//       return o;
//     };
//     var jsonInfo = $('.contact-form1').serializeObject();
//     var jsonString = JSON.stringify(jsonInfo);
//     console.log(jsonString);
//     var http = new XMLHttpRequest();
//     var url = 'http://api.ptt.cx:9998/hhh/mail/deco/v2';
//     var params = '';
//     http.open('POST', url, true);

//     //Send the proper header information along with the request
//     http.setRequestHeader('Content-type', 'application/x-www-form-unlencoded');

//     http.onreadystatechange = function () {//Call a function when the state changes.
//       if (http.readyState == 4 && http.status == 200) {
//         alert(http.responseText);
//       }
//     }
//     http.send(params);
//     $.ajax({
//       type: 'POST',
//       url: 'https://api.ptt.cx:9999/hhh/mail/deco/v2',
//       data: jsonString,
//       dataType: 'json',
//       contentType: 'application/json; charset=utf-8',

//       success: function (res) {
//         alert('送出成功');
//       },
//       error: function (error) {
//         console.error(error);
//         alert('送出失敗');
//       }

//     });
//   }
//   return false;

// });










$("*").each(function (index, element) {
  // 此元素被點選後執行
  $(this).click(function (e) {
    // 取得被點選元素的屬性：data-gt-target
    var target = $(this).attr("data-gt-target");
    var duration = $(this).attr("data-gt-duration");
    var offset = $(this).attr("data-gt-offset");

    // JS 語法：判斷式
    // if (條件) {程式區塊}
    // 當條件成立，會執行程式區塊

    // 如果 目標有資料 才會執行 { } 內的程式
    // 避免出現 undefine (未定義 - 不存在的資料)
    if (target) {
      //console.log("目標：" + target);
      //console.log("時間：" + duration);
      //console.log("位移：" + offset);

      // 上方位置 = 目標區塊.位移().上方位置
      var top = $(target).offset().top;
      //console.log("要前往元素的上方位置：" + top);

      // 網頁元素.停止().動畫({ 上方捲動：指定元素 - 位移}，持續時間)
      // parseInt() 將文字轉為數字

      $("html").stop().animate({
        scrollTop: top - offset
      }, parseInt(duration));
    }
  });
});

// 避免動畫與使用者滾輪衝突
// html 在滾動滾輪時 停止 html 所有效果
$("html").on("mousewheel", function () {
  $("html").stop();
});

$(document).ready(function () {
  $("#date").datepicker();
});


window.fbAsyncInit = function () {
  FB.init({
    appId: '1388696554848391', // 填入 FB APP ID
    cookie: true,
    xfbml: true,
    version: 'v11.0'
  });

  FB.getLoginStatus(function (response) {
    statusChangeCallback(response);
  });
};

// 處理各種登入身份
function statusChangeCallback(response) {
  console.log(response);
  var target = document.getElementById("FB_STATUS_2"),
    html = "";

  // 登入 FB 且已加入會員
  if (response.status === 'connected') {
    html = "已登入 FB，並加入 WFU BLOG DEMO 應用程式<br/>";

    FB.api('/me?fields=id,name,email', function (response) {
      console.log('FB API回傳資料: ' + JSON.stringify(response));
      if (response.id) {
        // 設定欄位預設值
        document.getElementById("email").value = response.email;
        document.getElementById("name").value = response.name;

        // 隱藏FB登入按鈕
        document.getElementById("fb_login").style.display = 'none';
      }
    });
  }

  // 登入 FB, 未偵測到加入會員
  // else if (response.status === "not_authorized") {
  //   target.innerHTML = "已登入 FB，但未加入 WFU BLOG DEMO 應用程式";
  // }

  // 未登入 FB
  // else {
  //   target.innerHTML = "未登入 FB";
  // }
}


// 點擊登入
$("#fb_login").click(function () {
  // 進行登入程序
  FB.login(function (response) {
    statusChangeCallback(response);
  }, {
    scope: 'public_profile,email'

  },
  );

});

// 點擊登出
// $("#FB_logout").click(function() {
// FB.logout(function(response) {
// statusChangeCallback(response);
// });
// });

// 載入 FB SDK
(function (d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://connect.facebook.net/zh_TW/sdk.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));





$(function () {
  var dateToday = new Date();
  //jQuery datepicker 設定限制日期最小最大 minDate maxDate hideIfNoPrevNext
  $(".datepicker").datepicker({
    //顯示上個月日期 及下個月日期 ，但是不可選的。
    //default:false
    showOtherMonths: true,
    // 設置當沒有上一個/下一個可選擇的情況下，隱藏掉相應的按鈕。（默認為不可用）
    //配合有設定最大最小時使用
    //default:false
    hideIfNoPrevNext: true,

    minDate: dateToday,
    //  設置一個最大的可選日期。可以是Date對象，或者是數字（從今天算起，例如+7），
    //或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如：'+1m +7d')。
  });
});