кнопка, которая должна исчезнуть, php/html

Question

Я делаю интернет-магазин, и мне нужно сделать кнопку, которая должна содержать ссылку на новую страницу, и после этого навсегда исчезнет со всех страниц магазина.

До сих пор у меня этот код:

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

Так кнопка Теперь исчезает, перемещает меня на новую страницу, но на новой странице я все еще могу видеть это.

Благодарим вас заранее!

Answer 1

Я вижу, вы используете WordPress логин. Вы можете спрятать свою кнопку, указав, зарегистрирован ли пользователь, и введите оператор if, в котором у вас есть кнопка. Пример:

<?php 
    if (!is_user_logged_in()) { 
?> 
     <input class="button" value="Press to Register" type="submit" name="submit" tabIndex="8" onClick = "this.style.visibility= 'hidden'; window.open('/my-account/','_top')"> 
<?php 
} 
?> 

Answer 2

Вам нужно создать печенье или LocalStorage

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