顯示按鈕的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 ''; 
}, 

這個功能，他們正在返回「」;

請更改此功能或其他功能，爲您提供與單擊前相同的代碼。