显示按钮的onclick弹出关闭按钮

Question

的onclick按钮“Button1的”，我们显示弹出博 x和隐藏“Button1的”。

，但现在我们要显示“Button1的”一旦我们点击“接近”的“弹出框”按钮

弹出关闭按钮的代码

<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代码

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

编辑

我试过这段代码：document.getElementById('aitcg-control-panel').style.display = "block";但仍didt为我工作....

Answer 1

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

为什么不只是保持按钮呢？因为在保存该项目后，它会刷新页面。

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

我希望这可以有任何帮助。

Answer 2

难道这就是你要找的人？我确信有一个更干净的方式来做到这一点，但你的问题不是很明确。

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{ 
 
\t width: 200px; 
 
\t height: 200px; 
 
\t 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 3

我真诚地没有完全理解你的问题。但是从你说什么，我假设这是你想要什么：

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 4

给予链接为您的网站。我可以告诉你为什么它不适合你。点击查看按钮的div代码之前存在

后点击：上节省设计要为aitcg控制面板 这就是为什么你不能表现出来回 证明移除代码点击

在节省设计 证明： 代码不存在。这就是为什么你无法表演。

我调试的代码，我发现一个功能

_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 ''; 
}, 

这个功能，他们正在返回“”;

请更改此功能或其他功能，为您提供与单击前相同的代码。