在自定义创建的按钮中隐藏HTML javascript代码_Javascript_Jquery_Html_Button

在自定义创建的按钮中隐藏HTML javascript代码

javascript jquery html button

在自定义创建的按钮中隐藏HTML javascript代码,javascript,jquery,html,button,Javascript,Jquery,Html,Button,我是新的代码，需要一些帮助。我在经营一家网上商店，我在使用selz.com。一个人可以上传数字商品，并在Selz提供的网站上嵌入“立即购买”按钮。现在Selz的按钮设计非常难看，我想做一个新的按钮设计，但是当点击Selz的“立即购买”按钮时，我会保存所有的代码。另一个重要注意事项是，下面的代码是他们提供的Selz“立即购买”按钮。一旦一个人点击按钮，支付系统就会产生叠加效果。这是一个youtube，就像我说的- 这是否可以创建一个自定义按钮来存储激活Selz“立即购买”按钮覆盖效果所需的所有数据

我是新的代码，需要一些帮助。我在经营一家网上商店，我在使用selz.com。一个人可以上传数字商品，并在Selz提供的网站上嵌入“立即购买”按钮。现在Selz的按钮设计非常难看，我想做一个新的按钮设计，但是当点击Selz的“立即购买”按钮时，我会保存所有的代码。另一个重要注意事项是，下面的代码是他们提供的Selz“立即购买”按钮。一旦一个人点击按钮，支付系统就会产生叠加效果。这是一个youtube，就像我说的-

这是否可以创建一个自定义按钮来存储激活Selz“立即购买”按钮覆盖效果所需的所有数据

下面是Selz“立即购买”按钮的代码。谢谢你的时间

<script data-selz-t="_selz-btn-default" data-selz-a="modal" data-selz-ct="f2f2f2" data-selz-  cb="fd4f06" data-selz-b="http://selz.co/1triLby">
if (typeof _$elz === "undefined") { var _$elz = {}; }
if (typeof _$elz.b === "undefined") { 
_$elz.b = { e: document.createElement("script") }; 
_$elz.b.e.src = "https://selz.com/embed/button"; 
document.body.appendChild(_$elz.b.e); }
</script>
<a href="http://selz.co/1triLby" target="_blank" class="_selz_nojs_link">Buy this on Selz</a>
<a href="https://selz.com" target="_blank" class="_selz_nojs_link">Sell digital downloads on Selz</a>


如果（typeof$elz==“未定义”）{var$elz={}；}
如果（typeof$elz.b==“未定义”）{
_$elz.b={e:document.createElement（“脚本”）}；
_$elz.b.e.src=”https://selz.com/embed/button"; 
document.body.appendChild（$elz.b.e）；}

我无法在您的具体情况下进行测试，但我能够制作一个丑陋的按钮，然后将其隐藏起来

“我的漂亮”按钮运行自己的代码，然后在“丑陋”按钮上运行

click

事件

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>Ugly Button Test</title>

        <style>
        .fugly {
        background-color: yellow;
        color: red;
        border: 4px dotted purple;
        }

        .pretty {
        background-color: blue;
        color: yellow;
        }
        </style>
    </head>
    <body onload="fixFugly()">

    <button class="fugly" data-my-unique-id="rbutton1">Hidden fugly button</button>

     <script>
     function fixFugly() {
       var uglyButton = document.querySelector('[data-my-unique-id="rbutton1"]');
       uglyButton.addEventListener("click", function() {
         alert("Ugly button pushed");
       });


       var prettyButton = document.createElement("button");
       prettyButton.className = "pretty";
       prettyButton.appendChild(document.createTextNode("Push me!"));
       uglyButton.parentNode.appendChild(prettyButton);

       uglyButton.style.display = "none";

       prettyButton.addEventListener("click", function() {
         alert("Pretty button pushed");

         var event = new MouseEvent('click', {
           'view': window,
           'bubbles': true,
           'cancelable': true
         });
         uglyButton.dispatchEvent(event);        
       });

     }
     </script>
    </body>
</html>


丑陋按钮测试
富格利先生{
背景颜色：黄色；
颜色：红色；
边框：4倍点紫色；
}
.漂亮{
背景颜色：蓝色；
颜色：黄色；
}
隐藏按钮
函数fixFugly（）{
var uglyButton=document.querySelector（“[data my unique id=“rbutton1”]”）；
uglyButton.addEventListener（“单击”，函数（）{
警报（“按下丑陋按钮”）；
});
var prettyButton=document.createElement（“按钮”）；
prettyButton.className=“pretty”；
appendChild（document.createTextNode（“pushme！”）；
uglyButton.parentNode.appendChild（prettyButton）；
uglyButton.style.display=“无”；
addEventListener（“单击”，函数（）{
警惕（“漂亮按钮按下”）；
var event=new MouseEvent（'单击'{
“视图”：窗口，
“泡沫”：没错，
“可取消”：true
});
uglyButton.dispatchEvent（事件）；
});
}

如果您不喜欢常规的Selz按钮，我们有一个jQuery插件，我想这正是您需要的：

它将允许您创建自己的按钮，并且只需很少的编码就可以使用覆盖，如果您愿意，可以在覆盖中发生事件时获得回调

我不确定是谁告诉你你不能这么做，但我会提到这一点，以支持我们应该推动这一点，因为它对像你这样有一点编码知识的用户来说更加灵活

p、我们很快会将按钮的设计改为更平的设计，这样它就不会像你所说的那样“难看”。设计总是主观的，所以你永远不会让每个人都满意：）

干杯山姆

-Selz的设计师和前端开发人员通常不得不忍受他们的品牌化，这是使用第三方工具的一部分。例如无处不在的贝宝按钮。您可以使用Firefox的Firebug之类的工具来检查脚本渲染按钮。如果有一个clas应用到它，你可能能够超越这个类，如果它使用内联样式，你的生活就会变得更加困难。有什么在线的地方我可以去解决这个问题吗？这已经超出了我的理解范围…请尝试联系Selz delveloper支持部门（或类似部门）。他们可能会帮助你或为你指出正确的方向。是的，我试过了，他们告诉我这是不可能的，但他们会让他们的经理注意到……还有其他想法吗？你帮了大忙。非常感谢！这和我想做的非常接近。你会把我在原始邮件中提供的代码放在哪里？再次感谢@因为我无法再现你的情况，所以我无法回答。我说的任何话都只是猜测。我明白了，谢谢你的辛勤工作。我用你的代码更进一步了！听到这个消息太好了！我很高兴看到新的按钮设计。很抱歉“丑陋”这个词…好消息是我把它放到了我的网站上，看起来很棒。我喜欢叠加效果。Selz是一个伟大的电子商务解决方案。也许你可以在Selz有一个按钮设计区，这样人们就可以创建自己的按钮了？再次感谢！谢谢你的反馈！定制按钮设计师肯定在我们要构建的功能列表中（以及许多其他东西）。我个人很想建造这样的东西。