Javascript 应该消失的按钮,php/html
我正在做一个网上商店,我需要做一个按钮,其中应该包括一个新页面的链接,之后将永远从商店的所有页面消失 到目前为止,我有以下代码:Javascript 应该消失的按钮,php/html,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我正在做一个网上商店,我需要做一个按钮,其中应该包括一个新页面的链接,之后将永远从商店的所有页面消失 到目前为止,我有以下代码: <input class="button" value="Press to Register" type="submit" name="submit" tabIndex="8" onClick = "this.style.visibility= 'hidden'; window.open('/my-account/','_top')"> <styl
<input class="button" value="Press to Register" type="submit" name="submit" tabIndex="8" onClick = "this.style.visibility= 'hidden'; window.open('/my-account/','_top')">
<style type="text/css">
.button {
font-family: Verdana, Arial, sans-serif;
display: inline-block;
background: #459300 url('../images/orange_bg.jpg') top left repeat-x;
border: 1px solid #459300 ;
padding: 5px 7px 5px 7px;
color: #fff;
font-size: 12px;
cursor: pointer;
}
.button:hover {
text-decoration: none;
}
.button:active {
padding: 5px 7px 5px 7px;
}
</style>
.按钮{
字体系列:Verdana、Arial、无衬线字体;
显示:内联块;
背景:#459300 url('../images/orange_bg.jpg')左上角repeat-x;
边框:1px实心#459300;
填充:5px7px 5px7px;
颜色:#fff;
字体大小:12px;
光标:指针;
}
.按钮:悬停{
文字装饰:无;
}
.按钮:激活{
填充:5px7px 5px7px;
}
所以按钮现在消失了,将我重新定位到一个新页面上,但在新页面上我仍然可以看到它
提前谢谢你 您需要创建cookie或本地存储
<input class="button" value="Press to Register" id="hideme" type="submit" name="submit" tabindex="8" onclick="this.style.visibility = 'hidden'; window.open('/my-account/', '_top'); localStorage.setItem('hideforever', 1);">
<script>
if (localStorage.getItem('hideforever') == 1) {
document.getElementById("hideme").style.visibility = "hidden";
}
</script>
<style type="text/css">
.button {
font-family: Verdana, Arial, sans-serif;
display: inline-block;
background: #459300 url('../images/orange_bg.jpg') top left repeat-x;
border: 1px solid #459300;
padding: 5px 7px 5px 7px;
color: #fff;
font-size: 12px;
cursor: pointer;
}
.button:hover {
text-decoration: none;
}
.button:active {
padding: 5px 7px 5px 7px;
}
</style>
if(localStorage.getItem('hideForver')==1){
document.getElementById(“hideme”).style.visibility=“hidden”;
}
.按钮{
字体系列:Verdana、Arial、无衬线字体;
显示:内联块;
背景:#459300 url('../images/orange_bg.jpg')左上角repeat-x;
边框:1px实心#459300;
填充:5px7px 5px7px;
颜色:#fff;
字体大小:12px;
光标:指针;
}
.按钮:悬停{
文字装饰:无;
}
.按钮:激活{
填充:5px7px 5px7px;
}
我看到您正在使用WordPress登录。您应该能够通过检测用户是否登录来隐藏按钮,并在按钮所在的位置发出if语句。像这样:
您正在尝试登录用户吗?如果您在数据加载标题中有按钮,您应该将其从那里移走。请注意,这是注册按钮,如果用户按下该按钮,则会显示带有注册表单的新页面。因此,我不想再次显示此按钮,特别是在注册后,或者如果用户在项目中登录,则显示在此处:gazberg.eut这确实不是最佳解决方案。该按钮仍然存在,即使是隐藏的,也可以被网站上的每个人访问。是的,这不是最好的方法,但@O.Telegin使用CSS和Javascript隐藏按钮,我用CSS和Javascript的方式回答,否则PHP的方式很好实现它正是我要找的!很好!非常感谢@泰勒金,如果这个答案符合你的需要,你应该接受。非常感谢。