|
|
@@ -26,9 +26,61 @@
|
|
|
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
|
|
|
<link rel="stylesheet" href="./style.css">
|
|
|
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
|
</head>
|
|
|
|
|
|
<body id="top">
|
|
|
+<script>
|
|
|
+function statusChangeCallback(response) { // Called with the results from FB.getLoginStatus().
|
|
|
+ console.log('statusChangeCallback');
|
|
|
+ console.log(response); // The current login status of the person.
|
|
|
+ if (response.status === 'connected') { // Logged into your webpage and Facebook.
|
|
|
+ testAPI();
|
|
|
+ } else { // Not logged into your webpage or we are unable to tell.
|
|
|
+ // document.getElementById('status').innerHTML = 'Please log ' +
|
|
|
+ // 'into this webpage.';
|
|
|
+ $('#status').html('FB登入按扭(開發中)，請勿點擊');
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+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() { // Testing Graph API after login. See statusChangeCallback() for when this call is made.
|
|
|
+ FB.api('/me/?fields=id,name,email', function(response) {
|
|
|
+ console.log('FB API回傳資料: ' + JSON.stringify(response));
|
|
|
+ console.log('成功登入: ' + response.name + ', email = ' + response.email + ', id = ' + response.id);
|
|
|
+
|
|
|
+ if (response.id) {
|
|
|
+ console.log('response.id = ' + response.id);
|
|
|
+
|
|
|
+ // 設定欄位預設值
|
|
|
+ $('#email').text(response.email);
|
|
|
+ $('#name').text(response.name);
|
|
|
+
|
|
|
+ // 隱藏FB登入按鈕
|
|
|
+ $('#fb_login').hide();
|
|
|
+ }
|
|
|
+ });
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
<div class="container-fluid" style="padding:0;margin:0 ">
|
|
|
<div class="banner container-fluid" style="padding:0; margin:0 ">
|
|
|
<!-- <section id="banner"> -->
|
|
|
@@ -401,6 +453,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+
|
|
|
+
|
|
|
<!-- Load the JS SDK asynchronously -->
|
|
|
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
|
|
|
|
|
|
@@ -411,61 +465,9 @@
|
|
|
integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
|
|
|
crossorigin="anonymous"></script>
|
|
|
|
|
|
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
|
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
|
|
|
|
|
<script src="./goto.js"></script>
|
|
|
-
|
|
|
-<script>
|
|
|
-function statusChangeCallback(response) { // Called with the results from FB.getLoginStatus().
|
|
|
- console.log('statusChangeCallback');
|
|
|
- console.log(response); // The current login status of the person.
|
|
|
- if (response.status === 'connected') { // Logged into your webpage and Facebook.
|
|
|
- testAPI();
|
|
|
- } else { // Not logged into your webpage or we are unable to tell.
|
|
|
- // document.getElementById('status').innerHTML = 'Please log ' +
|
|
|
- // 'into this webpage.';
|
|
|
- $('#status').html('FB登入按扭(開發中)，請勿點擊');
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-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() { // Testing Graph API after login. See statusChangeCallback() for when this call is made.
|
|
|
- FB.api('/me/?fields=id,name,email', function(response) {
|
|
|
- console.log('FB API回傳資料: ' + JSON.stringify(response));
|
|
|
- console.log('成功登入: ' + response.name + ', email = ' + response.email + ', id = ' + response.id);
|
|
|
-
|
|
|
- if (response.id) {
|
|
|
- console.log('response.id = ' + response.id);
|
|
|
-
|
|
|
- // 設定欄位預設值
|
|
|
- $('#email').text(response.email);
|
|
|
- $('#name').text(response.name);
|
|
|
-
|
|
|
- // 隱藏FB登入按鈕
|
|
|
- $('#fb_login').hide();
|
|
|
- }
|
|
|
- });
|
|
|
-};
|
|
|
-</script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
