显示按钮onclick弹出关闭按钮
display button onclick pop up close button
点击按钮 "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";
但它仍然对我不起作用....
这是您要找的吗?我敢肯定有一种更简洁的方法可以做到这一点,但是您的问题并不是很清楚。
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>
我真的没有完全理解你的问题。但是根据你所说的,我假设这就是你想要的:
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>
希望对您有所帮助,如果这不是您想要的,请回复。
为您的网站提供 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 '';
},
在这个函数中他们返回 '';
请更改此函数或其他函数,为您提供与点击前相同的代码。
在查看您提供的网站后,我发现您想要重新出现的元素已从页面中删除。
为什么不保留按钮呢?因为保存项目后它会刷新页面。
您在网站上安装的模块 (aitcg) 中应该有任何 javascript 代码,用于从页面中删除元素 aitcg-toolbox-{{somenumber}} 和 aitcg-control-pane .
希望对您有所帮助。
点击按钮 "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";
但它仍然对我不起作用....
这是您要找的吗?我敢肯定有一种更简洁的方法可以做到这一点,但是您的问题并不是很清楚。
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>
我真的没有完全理解你的问题。但是根据你所说的,我假设这就是你想要的:
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>
希望对您有所帮助,如果这不是您想要的,请回复。
为您的网站提供 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 '';
},
在这个函数中他们返回 '';
请更改此函数或其他函数,为您提供与点击前相同的代码。
在查看您提供的网站后,我发现您想要重新出现的元素已从页面中删除。
为什么不保留按钮呢?因为保存项目后它会刷新页面。
您在网站上安装的模块 (aitcg) 中应该有任何 javascript 代码,用于从页面中删除元素 aitcg-toolbox-{{somenumber}} 和 aitcg-control-pane .
希望对您有所帮助。