CODEWITHSUNDEEP
javascriptjqueryhtmlcss
user2684799
user2684799

Reputation: 23

Javascript - Hiding Button if not logged in

We have a website using an obsolete e-commerce CMS, really ties my hands behind my back because of it's lack of options and my beginner ability with JS and jQ.

On this site, we need to hide Prices and Add to Cart buttons if the user is not logged in. I have a script that has worked for me in the past that checks the users cookies. But after editing this script for the new site, it proves to not work.

I am probably messing up something very simple in the syntax, so if someone can take a quick look at my script and let me know where I am going wrong that would be great!

<script type="text/javascript">
function DisplayAuthorizedContent(name) {
    var cookies=document.cookie;
    var start = cookies.indexOf(name + "=");
    var name = "";
    var start1; 
    var end1;
    var tmp;
    var signed_in = -1;

    if (start != -1) {
        start = cookies.indexOf("=", start) +1;
        var end = cookies.indexOf("|", start);
        if (end != -1) {
            signed_in = cookies.indexOf("|yes", start);
            name = unescape(cookies.substring(start,end-1));
            if (signed_in != -1) { 
                $('.loginFilter').show();
            }
        }
    }
    if (signed_in == -1) {
        $('.loginFilter').empty();
        $('.addMessage').each(function(){
            $(this).append('Requires Wholesale Account to Purchase.<br><br><a href=\"#\" class=\"applyLink\">Apply Here<\/a>');
            $(this).show();
        });
    }
}
DisplayAuthorizedContent("ss_reg_000778370");
</script>

The HTML

<div class="loginFilter addMessage"><a href="#">Add to Cart Example</a></div>

Upvotes: 1

Views: 2955

Answers (1)

PCDubb
PCDubb

Reputation: 56

Sounds like the button might not be hidden on page load.

Guessing you'd need something like jQuery: 

$('.loginFilter').hide();

you can hide the button with javascript (you'd have to add the id = 'button' to HTML)

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

here are some hide/show references: http://www.w3schools.com/jquery/jquery_hide_show.asp Hiding a button in Javascript

Upvotes: 1

Related Questions