隐藏聊天室脚本，直到单击按钮

Hide chat room script until button click

本文关键字：单击按钮聊天室脚本隐藏更新时间：2023-09-26

我有Zoplim插件(聊天功能(，我希望在点击按钮之前隐藏它。

所以聊天室是隐藏的，直到点击温测试按钮，然后涂层室显示

脚本

<script type="text/javascript">
    window.$zopim || (function (d, s) {
        var z = $zopim = function (c) {
            z._.push(c)
        }, $ = z.s =
                d.createElement(s), e = d.getElementsByTagName(s)[0];
        z.set = function (o) {
            z.set._.push(o)
        };
        z._ = [];
        z.set._ = [];
        $.async = !0;
        $.setAttribute('charset', 'utf-8');
        $.src = '//v2.zopim.com/?1l9izSc2QRurE71l1L7ugke4Soo38dPc';
        z.t = +new Date;
        $.type = 'text/javascript';
        e.parentNode.insertBefore($, e)
    })(document, 'script');
</script>

我的按钮HTML

 <button id="finish-button" class="button finish m2">End test</button>

我尝试过的

<script type="text/javascript">
    document.getElementById("finish-button").onclick = function()
    {myFunction()};
        window.$zopim || (function (d, s) {
            var z = $zopim = function (c) {
                z._.push(c)
            }, $ = z.s =
                    d.createElement(s), e = d.getElementsByTagName(s)[0];
            z.set = function (o) {
                z.set._.push(o)
            };
            z._ = [];
            z.set._ = [];
            $.async = !0;
            $.setAttribute('charset', 'utf-8');
            $.src = '//v2.zopim.com/?1l9izSc2QRurE71l1L7ugke4Soo38dPc';
            z.t = +new Date;
            $.type = 'text/javascript';
            e.parentNode.insertBefore($, e)
        })(document, 'script');
</script>

只需在按下finish按钮后将想要执行的代码放在函数myFunction()现在所在的位置。

请注意，当按下finish按钮时会出现错误，因为在执行脚本时，程序中没有考虑到某些内容。

<button id="finish-button" class="button finish m2">End test</button>
<script type="text/javascript">
            document.getElementById("finish-button").onclick = function() {
                window.$zopim || (function (d, s) {
                    var z = $zopim = function (c) {
                        z._.push(c)
                    }, $ = z.s =
                            d.createElement(s), e = d.getElementsByTagName(s)[0];
                    z.set = function (o) {
                        z.set._.push(o)
                    };
                    z._ = [];
                    z.set._ = [];
                    $.async = !0;
                    $.setAttribute('charset', 'utf-8');
                    $.src = '//v2.zopim.com/?1l9izSc2QRurE71l1L7ugke4Soo38dPc';
                    z.t = +new Date;
                    $.type = 'text/javascript';
                    e.parentNode.insertBefore($, e)
                })(document, 'script');
              }
        </script>

你有这样的想法，问题是你必须在你将其发送到按钮的函数内执行聊天中的代码，在这种情况下，只有当你点击时，这部分代码才会被执行。查看我的示例

https://jsfiddle.net/b7z0jnsc/

document.getElementById("finish-button").onclick = function(){
                window.$zopim || (function (d, s) {
                    var z = $zopim = function (c) {
                        z._.push(c)
                    }, $ = z.s =
                            d.createElement(s), e = d.getElementsByTagName(s)[0];
                    z.set = function (o) {
                        z.set._.push(o)
                    };
                    z._ = [];
                    z.set._ = [];
                    $.async = !0;
                    $.setAttribute('charset', 'utf-8');
                    $.src = '//v2.zopim.com/?1l9izSc2QRurE71l1L7ugke4Soo38dPc';
                    z.t = +new Date;
                    $.type = 'text/javascript';
                    e.parentNode.insertBefore($, e)
                })(document, 'script');
};