Question

I have the following:

<a  class="button accessLink"
            id="loginLink"
            href="#"
            data-action="Login"
            data-dialog="access"
            data-disabled="false"
            data-entity="n/a"
            data-href="/MyAccount/Access/Login"
            title="Login">Login</a>

and:

$('.accessLink')
    .mouseover(function() {
        window.status = '';
    });

However when I mouseover the link above I still see

<my ip address>/#

Is there some other way I can stop this showing at the bottom of the browser window?

Answer 1

How about not using an anchor<a> tag altogether ?
Handle the click event of a <span> or a <div> element in jQuery and do a location.href to take the user to the link specified in element’s data-href. That way, nothing would show up in status bar.