显示按钮onclick弹出关闭按钮

Question

点击按钮 "button1" ，我们显示 弹出 box 并隐藏 "button1"。

但现在我们想要在单击“”的“关闭”按钮后显示“button1”弹出框

pop up close button code

<a href="javascript:void(0)" class="close">
<input type="button" onclick="showDiv()" style="display:none;" />
</a>

function showDiv() {
   document.getElementById('aitcg-control-panel').style.display = "block";
}

button1 code

<div id="aitcg-control-panel"><button>button1</button></div>

编辑

我尝试了这段代码：document.getElementById('aitcg-control-panel').style.display = "block"; 但它仍然对我不起作用....

Answer 1

这是您要找的吗？我敢肯定有一种更简洁的方法可以做到这一点，但是您的问题并不是很清楚。

function showDiv() {
  document.getElementById('aitcg-control-panel').style.display = "block";
  document.getElementById('ShowDivButton').style.display = "none";
}

function hideDiv() {
  document.getElementById('aitcg-control-panel').style.display = "none";
  document.getElementById('ShowDivButton').style.display = "initial";
}

div{
 width: 200px;
 height: 200px;
 background: red;
  display: none;
}

<button id='ShowDivButton' onclick="showDiv()">Open Div</button>

<div id="aitcg-control-panel" >
  <button id='ShowDivButton' onclick="hideDiv()">Close Div</button>
</div>

Answer 2

我真的没有完全理解你的问题。但是根据你所说的，我假设这就是你想要的：

function display(a) {
  //Hide the button
  a.style.display = "none";
  //You need setTimeout for the code to wait for the alert to show the button again
  setTimeout(function() {
    alert('ok');
    a.style.display = "block";
  }, 100);
}

<button onclick="display(this);">Click me</button>

希望对您有所帮助，如果这不是您想要的，请回复。

Answer 3

为您的网站提供 link 后。我可以告诉你它不适合你的原因。

点击保存设计，您将删除 aitcg-control-panel 的代码这就是为什么你不能把它展示回来证明：点击按钮 div 之前的代码存在

点击保存设计后证明：代码不存在。这就是你无法显示的原因。

我调试了你的代码，我发现了一个函数

 _getControlPanelHtml: function()
{
    if (this.config.editorEnabled) {
        var returnHtml = "";
                            returnHtml += '<div id="aitcg-control-panel" style="display:none">' +
            '<button onclick="return setproductlogin(\'null\', event);" class="aitcg-button apply-but" id="submit-editorApply-{{rand}}" title="{{apply_text}}">{{apply_text}}</button>' +
            '<button class="aitcg-button reset-but" id="submit-editorReset-{{rand}}" title="{{reset_text}}">{{reset_text}}</button>' +
            '</div>';
                    return returnHtml;
    }
    return '';
},

在这个函数中他们返回 '';

请更改此函数或其他函数，为您提供与点击前相同的代码。

Answer 4

在查看您提供的网站后，我发现您想要重新出现的元素已从页面中删除。

为什么不保留按钮呢？因为保存项目后它会刷新页面。

您在网站上安装的模块 (aitcg) 中应该有任何 javascript 代码，用于从页面中删除元素 aitcg-toolbox-{{somenumber}} 和 aitcg-control-pane .

希望对您有所帮助。

显示按钮onclick弹出关闭按钮

display button onclick pop up close button

html

javascript

raphael