A cool login and register form
Blogs20122012-01-17
Do you want a cool login and register form similar as https://posterous.com/? The form works like this:
When click ‘Sign up’ tab (or by default):
When click ‘Log in’ tab:
The original codes at https://posterous.com/ are complex and missing javascript. I wrote my version to simplify it and add some new features (such as jQuery codes):
<link rel="stylesheet" type="text/css" href="register_login.css" />
https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js
$(document).ready(function() {
$('li.signup_tab', '#signup_n_login_container').click(function() {
if($('#login_form_container').is(':visible')) {
$('#signup_form_container').show();
$('#login_form_container').hide();
$(this).find('a').addClass('selected');
$('li.login_tab', '#signup_n_login_container').find('a').removeClass('selected');
}
});
$('li.login_tab', '#signup_n_login_container').click(function() {
if($('#signup_form_container').is(':visible')) {
$('#login_form_container').show();
$('#signup_form_container').hide();
$(this).find('a').addClass('selected');
$('li.signup_tab', '#signup_n_login_container').find('a').removeClass('selected');
}
});
});It works fine. The complete version can be downloaded at: http://williamjxj.com/include/register_login.zip.