How to hide a button on a specific webpage using javascript?

Question

I have a webpage on which there is a link . When the user clicks on that link it popup a window. The window popup functionality depends on the name of the url.

I don't want to show the link for some webpage but not able to hide the link on page load. I used this code =

 document.getElementById('size').style.visibility='hidden';

but the problem with this code is when user clicks on the link it hides itself but if the user not clicks on the link it remains visible.

The code for window popup is-

<script type="text/javascript">
 //<![CDATA[
function call(id){
 var link = window.location.href ;
  var e = document.getElementById(id);
  var jockey = link.match("jockey");
     var vest = link.match("vest");
      var shorts = link.match("shorts"); 
      if((jockey =="jockey") && (vest =="vest")){          
         document.getElementById('size').style.visibility='hidden';
       } 
          else if((jockey =="jockey") && (shorts =="shorts")){
          littleWindow = window.open("http://niraame.com/media/wysiwyg/jockeyBoxerFP05.jpg", " " ,"location=center,width=520,height=520 ,toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left "); 
        } 
 //]]> 
</script>

Code to display the button-

<div id="size">
 <p><strong><a href="javascript:call()">Size Chart</a></strong></p>
</div>

Click here to see the website

Try style.display = noneinstead of using visibility and see if that helps. — somethinghere
– somethinghere, Commented Jun 16, 2015 at 10:38

NightOwlPrgmr · Accepted Answer · 2015-06-16 10:42:09Z

1

If you're looking to also hide it on page load you could try something like this:

<script type="text/javascript">
    function init() {
         document.getElementById('size').style.visibility='hidden';
    }
    window.onload = init;
</script>

answered Jun 16, 2015 at 10:42

NightOwlPrgmr

1,3743 gold badges22 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Federico · Accepted Answer · 2015-06-17 07:41:23Z

0

You Need to call the sunction ONLOAD:

-I set a variable "preventpop" to prevent window to pop automatically.

function call(id,preventpop){
    var link = window.location.href;
    var e = document.getElementById(id);
    var jockey = link.indexOf("jockey")>0;
    var vest = link.indexOf("vest")>0;
    var shorts = link.indexOf("shorts")>0;
    if(jockey && vest){
        document.getElementById('size').style.visibility='hidden';
    }
    else if(!preventpop && jockey && shorts){
        littleWindow = window.open("http://niraame.com/media/wysiwyg/jockeyBoxerFP05.jpg", " " ,"location=center,width=520,height=520 ,toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left ");
    }
}
window.addEventListener("load",function(){call("",true);},false);

edited Jun 17, 2015 at 7:41

answered Jun 16, 2015 at 11:00

Federico

1,2519 silver badges14 bronze badges

5 Comments

user3892384 Over a year ago

It hides the link permanently for every thing. But i only want to hide the link when if(jockey && vest){ } this is true.

Federico Over a year ago

Hi, there was an error. I fixed it, sorry, now it should work.

user3892384 Over a year ago

It hides the button for every webpage but i want to hide it only when the first if block is true. How to achieve that?

Federico Over a year ago

It works for me... it hides the button only if the url contains the strings "jockey" and "vest". and the pop-up will only pop if the url contains the strings "jockey" and "shorts".

Federico Over a year ago

1) "example.com/jockey/vests" = HIDE button - no POP; 2) "example.com/jockey/shorts/" = SHOW button - yes POP; 3) "example.com/jockey/ubderware/" = SHOW button - no POP;

Collectives™ on Stack Overflow

How to hide a button on a specific webpage using javascript?

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related