Твиттер Войти Эффект?

Question

В твиттере у них есть ссылка для входа в систему, и когда js включен, jquery показывает окно входа в систему, а когда он отключен, он просто переходит на страницу входа.

Как они превращают его в ссылку, когда отключен JavaScript? Или отключите его от ссылки, когда JS включен, спасибо

Answer 1

Все, что им нужно сделать, это изменить его с javascript. Если JavaScript не включен, изменение не происходит.

Просто создайте простую ссылку:

<a id="login-link" href="/Login">Log in</a>

И переопределить его функциональность с помощью JavaScript:

$('#login-link').click(function() {
    showLoginBox();
    return false; // don't navigate to /Login
});

Answer 2

<a href="/blah/blah/login" id="loginlink">Click me!</a>
<script>
    $('#loginlink').attr('href','#');
    $('#loginlink').click(function(event){
        // show login window here

        // prevent the default "click" event
        event.preventDefault();
        return false;
    });
</script>

Я не даю никаких гарантий, как они делают это, но это то, как это можно сделать: если нет JS, есть обычная ссылка для входа в систему; если есть JS, удалите ссылку HREF и установите ее, чтобы показывать окно входа в систему при нажатии. Прогрессивное улучшение в действии:)

Answer 3

Вы начинаете с обычной ссылки и используете jQuery для преобразования этой ссылки в окно входа в систему.Это называется прогрессивный улучшение .