javascript - Onclick 打开在线聊天支持

Question

我在我的网站上使用了第三方聊天插件，我刚刚在我的网站上放置了它的 javascript 代码。代码是：

<script type="text/javascript">
  var __lc = {};
  __lc.license = 1812482;

  (function() {
    var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
    lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
  })();
</script>

现在我的网站上有一张图片，当有人点击该图片时，我想打开聊天窗口。如何通过单击该图像来调用此函数。

<img src="click_to_chat.png" onclick=""/>

Answer 1

如果有人仍然想知道这一点，对我来说，它是这样工作的：

<button onclick="LC_API.open_chat_window();return false">Open Chat</button>

您需要在使用变量时加载 LiveChat 脚本标签LC_API

Answer 2

假设您使用的是 jquery，

<script type="text/javascript">
  var __lc = {};
  __lc.license = 1812482;

$("#yourImage").one("click",function(){      
    var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
    lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
  });
</script>

Answer 3

首先，您需要为函数命名（我假设不会自动执行它）：

function initializeChat() {
    var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
    lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
};

然后，您可以随时调用它：

initializeChat();

例如，您说要在单击图像时运行它。像这样的东西：

<img src="someImage" alt="someText" id="chatImage" />
<script type="text/javascript">
    var image = document.getElementById('chatImage');
    image.onclick = function () {
        initializeChat();
    };
</script>