|
|
@@ -20,7 +20,8 @@
|
|
|
<meta property="og:locale" content="zh_TW">
|
|
|
<title>全室裝修</title>
|
|
|
|
|
|
-
|
|
|
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
|
|
|
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js">
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
|
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
|
|
|
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
|
|
|
@@ -30,47 +31,47 @@
|
|
|
</head>
|
|
|
|
|
|
<body id="top">
|
|
|
-<script>
|
|
|
-function statusChangeCallback(response) { // Called with the results from FB.getLoginStatus().
|
|
|
- if (response.status === 'connected') { // 已登入
|
|
|
- testAPI();
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-function checkLoginState() { // Called when a person is finished with the Login Button.
|
|
|
- FB.getLoginStatus(function(response) { // See the onlogin handler
|
|
|
- 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 webpage.
|
|
|
- version : 'v11.0' // Use this Graph API version for this call.
|
|
|
- });
|
|
|
-
|
|
|
- FB.getLoginStatus(function(response) { // Called after the JS SDK has been initialized.
|
|
|
- statusChangeCallback(response); // Returns the login status.
|
|
|
- });
|
|
|
-};
|
|
|
-
|
|
|
-function testAPI() {
|
|
|
- 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';
|
|
|
+ <script>
|
|
|
+ function statusChangeCallback(response) { // Called with the results from FB.getLoginStatus().
|
|
|
+ if (response.status === 'connected') { // 已登入
|
|
|
+ testAPI();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function checkLoginState() { // Called when a person is finished with the Login Button.
|
|
|
+ FB.getLoginStatus(function (response) { // See the onlogin handler
|
|
|
+ statusChangeCallback(response);
|
|
|
+ });
|
|
|
}
|
|
|
- });
|
|
|
-};
|
|
|
-</script>
|
|
|
+
|
|
|
+ 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 webpage.
|
|
|
+ version: 'v11.0' // Use this Graph API version for this call.
|
|
|
+ });
|
|
|
+
|
|
|
+ FB.getLoginStatus(function (response) { // Called after the JS SDK has been initialized.
|
|
|
+ statusChangeCallback(response); // Returns the login status.
|
|
|
+ });
|
|
|
+ };
|
|
|
+
|
|
|
+ function testAPI() {
|
|
|
+ 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';
|
|
|
+ }
|
|
|
+ });
|
|
|
+ };
|
|
|
+ </script>
|
|
|
|
|
|
<div class="container-fluid" style="padding:0;margin:0 ">
|
|
|
<div class="banner container-fluid" style="padding:0; margin:0 ">
|
|
|
@@ -248,37 +249,43 @@ function testAPI() {
|
|
|
<h1 class="title">客戶真實見證</h1>
|
|
|
<div id="feedback-box">
|
|
|
<div class="box">
|
|
|
- <a href="https://hhh.com.tw/video-post.php?id=2905"><img src="./img/feedback-img/feedback01.webp" alt=""></a>
|
|
|
+ <a href="https://hhh.com.tw/video-post.php?id=2905"><img
|
|
|
+ src="./img/feedback-img/feedback01.webp" alt=""></a>
|
|
|
<p>嚮往人文接觸處的溫度-文響</p>
|
|
|
<a href="https://hhh.com.tw/video-post.php?id=2905"><img class="play"
|
|
|
style="width: 3vw;height: 3vw " src="./img/play (1).png" alt=""></a>
|
|
|
</div>
|
|
|
<div class="box">
|
|
|
- <a href="https://hhh.com.tw/video-post.php?id=3782"><img src="./img/feedback-img/feedback02.webp" alt=""></a>
|
|
|
+ <a href="https://hhh.com.tw/video-post.php?id=3782"><img
|
|
|
+ src="./img/feedback-img/feedback02.webp" alt=""></a>
|
|
|
<p>緞帶般曲線 譜出家的律動與甜蜜</p>
|
|
|
<a href="https://hhh.com.tw/video-post.php?id=3782"><img class="play"
|
|
|
style="width: 3vw;height: 3vw " src="./img/play (1).png" alt=""></a>
|
|
|
</div>
|
|
|
<div class="box">
|
|
|
- <a href="https://hhh.com.tw/video-post.php?id=3549"><img src="./img/feedback-img/feedback03.webp" alt=""></a>
|
|
|
+ <a href="https://hhh.com.tw/video-post.php?id=3549"><img
|
|
|
+ src="./img/feedback-img/feedback03.webp" alt=""></a>
|
|
|
<p>系統設計的變革 前衛科技宅</p>
|
|
|
<a href="https://hhh.com.tw/video-post.php?id=3549"><img class="play"
|
|
|
style="width: 3vw;height: 3vw " src="./img/play (1).png" alt=""></a>
|
|
|
</div>
|
|
|
<div class="box">
|
|
|
- <a href="https://hhh.com.tw/video-post.php?id=2985"><img src="./img/feedback-img/feedback0411.webp" alt=""></a>
|
|
|
+ <a href="https://hhh.com.tw/video-post.php?id=2985"><img
|
|
|
+ src="./img/feedback-img/feedback0411.webp" alt=""></a>
|
|
|
<p>用系統設計 實現歐洲皇室城堡夢</p>
|
|
|
<a href="https://hhh.com.tw/video-post.php?id=2985"><img class="play"
|
|
|
style="width: 3vw;height: 3vw " src="./img/play (1).png" alt=""></a>
|
|
|
</div>
|
|
|
<div class="box">
|
|
|
- <a href="https://hhh.com.tw/video-post.php?id=2122"><img src="./img/feedback-img/feedback05.webp" alt=""></a>
|
|
|
+ <a href="https://hhh.com.tw/video-post.php?id=2122"><img
|
|
|
+ src="./img/feedback-img/feedback05.webp" alt=""></a>
|
|
|
<p>不良格局變身 3米6日光鄉村宅</p>
|
|
|
<a href="https://hhh.com.tw/video-post.php?id=2122"><img class="play"
|
|
|
style="width: 3vw;height: 3vw " src="./img/play (1).png" alt=""></a>
|
|
|
</div>
|
|
|
<div class="box">
|
|
|
- <a href="https://hhh.com.tw/video-post.php?id=3847"><img src="./img/feedback-img/feedback06.webp" alt=""></a>
|
|
|
+ <a href="https://hhh.com.tw/video-post.php?id=3847"><img
|
|
|
+ src="./img/feedback-img/feedback06.webp" alt=""></a>
|
|
|
<p>雙拼豪宅古典、日式一次擁有</p>
|
|
|
<a href="https://hhh.com.tw/video-post.php?id=3847"><img class="play"
|
|
|
style="width: 3vw;height: 3vw " src="./img/play (1).png" alt=""></a>
|
|
|
@@ -401,20 +408,18 @@ function testAPI() {
|
|
|
<option class="option">工業風</option>
|
|
|
<option class="option">異國風</option>
|
|
|
</select>
|
|
|
- <input name="prefer_date" type="date" id="date" value="預選裝修日期" placeholder="預選裝修日期" required>
|
|
|
+ <input name="prefer_date" type="date" id="date" value="預選裝修日期" placeholder="預選裝修日期"
|
|
|
+ required>
|
|
|
</div>
|
|
|
<hr>
|
|
|
<div id="form-right">
|
|
|
- <!-- <div id="facebook" onclick='callFB()'>
|
|
|
- <img src="./img/logo/facebook.webp" alt="">
|
|
|
- 使用FB填入信箱與姓名
|
|
|
- </div> -->
|
|
|
-
|
|
|
+
|
|
|
<div id="fb_login">
|
|
|
- <fb:login-button scope="public_profile,email" onlogin="checkLoginState();">使用FB填入信箱與姓名</fb:login-button>
|
|
|
+ <fb:login-button id="fb-button" scope="public_profile,email" onlogin="checkLoginState();">使用FB填入信箱與姓名
|
|
|
+ </fb:login-button>
|
|
|
<div id="status"></div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<input type="text" name="email" id="email" placeholder="請輸入信箱" required>
|
|
|
<input type="text" name="name" id="name" placeholder="請輸入姓名" required>
|
|
|
<input type="text" name="phone" id="phone" placeholder="請輸入電話" required>
|
jeter20131220