在Google Plus或任何社交媒體中共享任何網頁時，如何在Codeigniter中獲得JS警報？

Question

當我的任何網頁在諸如google plus，twitter，facebook等社交媒體上共享時，我都試圖顯示警報。 由於我對JS的了解很少，因此我需要一些幫助。 這是我從Google那里獲得的用於共享頁面的代碼。

    <!-- Place this tag in your head or just before your close body tag. -->
    <script src="https://apis.google.com/js/platform.js" async defer>
    </script>

   <!-- Place this tag where you want the share button to render. -->
      <div class="g-plus" data-action="share"></div>

我想添加顯示諸如“頁面正在共享”之類的消息的警報。 我怎樣才能做到這一點。 任何幫助都值得贊賞。 謝謝

看我的編輯

          <html>
           <head>
                <title>Your Website Title</title
                <meta name="viewport" content="width=device-width, initial-scale=1">
                <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
                <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
                <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
                <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.min.css"/>
                <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.min.js"> </script>
     </head>
     <body>
                     <script>
               buttons = document.querySelectorAll('[data-action]');
          for ($i=0, len = buttons.length; $i < len; $i++) {
              buttons[$i].addEventListener("click", function() {
                  alert("Thank you for sharing!");
              }
          }
          >
          </script>


          <!-- Place this tag in your head or just before your close body tag. -->
          <script src="https://apis.google.com/js/platform.js" async defer></script>

          <!-- Place this tag where you want the share button to render. -->
          <div class="g-plus" data-action="share" data-height="15"></div>
      </body>

Answer 1

您可以在按鈕上放置事件偵聽器，以在用戶單擊按鈕時彈出警報。

// makes a nodelist of all buttons with the `data-action` attribute
buttons = document.querySelectorAll('[data-action]'); 

//iterates through the nodelist and adds the click function to each
for ($i=0, len = buttons.length; $i < len; $i++) {
    buttons[$i].addEventListener("click", function() {
        alert("Thank you for sharing!");
    }
}

在Google Plus或任何社交媒體中共享任何網頁時，如何在Codeigniter中獲得JS警報？

問題描述

1 個解決方案

解決方案1
0 2017-04-27 04:59:30

在Google Plus或任何社交媒體中共享任何網頁時，如何在Codeigniter中獲得JS警報？

問題描述

1 個解決方案

解決方案1 0 2017-04-27 04:59:30

解決方案1
0 2017-04-27 04:59:30