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>

您需要在使用变量LC_API

时加载LiveChat脚本标记

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>

Onclick打开在线聊天支持

3 个答案: