HHH_Home_Decoration_2/desktop11/goto.js

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

$(".content1-right").slick({
  dotsClass: 'slick-dots',
  dots: true,
  speed: 1000,

  arrows: false,

});

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

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

});
// 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");
  }

});

$.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;
};





// email 格式檢查
$(document).ready(function () {

  //E-MAIL格式檢查

  $("body").on("change", "#email", function () {

    $Emailchecking = IsEmail($("#email").val());


    if ($Emailchecking == false) {

      alert("請填寫正確的E-MAIL格式");

      // $("#email").blur(); //離開焦點

    }

  })

  function IsEmail(email) {

    var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

    if (!regex.test(email)) {

      return false;

    } else {

      // return true;

    }

  }

});
// phone 格式檢查
$(document).ready(function () {

  // phone格式檢查

  $("body").on("change", "#phone", function () {

    $Phonechecking = IsPhone($("#phone").val());


    if ($Phonechecking == false) {

      alert("請填寫正確的手機格式");

      // $("#email").blur(); //離開焦點

    }

  })

  function IsPhone(phone) {

    var regex = /^[09]{2}[0-9]{8}$/;

    if (!regex.test(phone)) {

      return false;

    } else {

      // return true;

    }

  }

});





$(".contact-form1").submit(function (e) {
  /*	var formRef = $('#form1').serializeArray();
    var jsonString = JSON.stringify(formRef);*/
  var jsonInfo = $('.contact-form1').serializeObject();
  var jsonString = JSON.stringify(jsonInfo);
  console.log(jsonString);


  $.ajax({
    type: 'POST',
    url: 'https://go.hhh.com.tw:8001/deco_request_detail',
    data: jsonString,
    dataType: 'json',

    success: function (data) {
      console.log('送出成功: ' + data);

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

    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;
});










$("*").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();
});

// // javascript document
// // This is called with the results from from FB.getLoginStatus().


// function statusChangeCallback(response) {
//   console.log('statusChangeCallback');
//   console.log(response);
//   // The response object is returned with a status field that lets the
//   // app know the current login status of the persopren.
//   // Full docs on the response object can be found in the documentation
//   // for FB.getLoginStatus().
//   if (response.status === 'connected') {
//     // Logged into your app and Facebook.
//     login(response.authResponse.accessToken);
//   } else if (response.status === 'not_authorized') {
//     // The person is logged into Facebook, but not your app.
//     console.log('The person is logged into Facebook, but not your app');
//   } else {
//     // The person is not logged into Facebook, so we're not sure if
//     // they are logged into this app or not.
//     console.log("The person is not logged into Facebook");
//   }
// }
// // This function is called when someone finishes with the Login
// // Button.  See the onlogin handler attached to it in the sample
// // code below.
// function checkLoginState() {
//   FB.getLoginStatus(function (response) {
//     statusChangeCallback(response);
//   });
// }
// window.fbAsyncInit = function () {
//   FB.init({
//     appId: '1388696554848391',
//     cookie: true,  // enable cookies to allow the server to access 
//     // the session
//     xfbml: true,  // parse social plugins on this page
//     version: 'v11.0' // use version 2.2
//   });
// };
// // Now that we've initialized the JavaScript SDK, we call
// // FB.getLoginStatus().  This function gets the state of the
// // person visiting this page and can return one of three states to
// // the callback you provide.  They can be:
// //
// // 1. Logged into your app ('connected')
// // 2. Logged into Facebook, but not your app ('not_authorized')
// // 3. Not logged into Facebook and can't tell if they are logged into
// //    your app or not.
// //
// // These three cases are handled in the callback function.
// // Load the SDK asynchronously
// (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 = "//connect.facebook.net/en_US/sdk.js";
//   fjs.parentNode.insertBefore(js, fjs);
// }(document, "script", "facebook-jssdk"));
// // Here we run a very simple test of the Graph API after login is
// // successful.  See statusChangeCallback() for when this call is made.
// function loginNEMI(token) {
//   // 把 access_token 傳至後端再做資料拿取
//   console.log("Welcome!  Fetching your information.... ");
//   var xhr = new XMLHttpRequest();
//   xhr.open("POST", "/login", true);
//   xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
//   xhr.onreadystatechange = function () {
//     if (xhr.readyState === 4 && xhr.status === 200) {
//       if (JSON.parse(xhr.responseText).status === "ok")
//         location.href = "/index";
//       else
//         alert("something wrong!");
//     }
//   };
//   xhr.send("token=" + token);
// }
// $("#fb-button").click(function(){
//   FB.login(function (response) {
//     statusChangeCallback(response);
//     console.log(response);
//   }, { scope: 'public_profile,email' });

//   // console.log('FB API回傳資料: ' + JSON.stringify(response));

// });
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(response);
      html += "會員暱稱：" + response.name + "<br/>";
      html += "會員 email：" + response.email;
      target.innerHTML = html;
    });
  }

  // 登入 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'

  },
  {
    scope: 'public_profile,name'

  }
  );
  if (response.id) {
    document.getElementById("email").value = response.email;
    document.getElementById("name").value = response.name;

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

// 點擊登出
// $("#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'));