Vì js trên viết sai nguyên tắc js, nó không được đóng dấu ; ở cuối mỗi lệnh đơn. Tuy vậy mỗi lệnh đơn được viết trên một dòng riêng vẫn được các trình duyệt hiện đại chấp nhận, có lẽ là do ảnh hưởng của các ngôn ngữ khác như ruby, python, coffescript...
Vấn đề ở đây là js của fm tự nén, nó sẽ đưa tất cả lệnh đơn vào 1 dòng, lúc này những lệnh không được đóng sẽ gây ra lỗi.
Code đúng theo nguyên tắc phải là thế này:
- Code:
$(function () {
function center() {
var $wid = $(window).width();
var $hei = $(window).height();
var $boxLogin = $('#vf_box_login');
$boxLogin.css({
'left': ($wid - $boxLogin.width()) / 2,
'top': ($hei - $boxLogin.height()) / 2
});
}
$('body').append('<div class="vf-clickLogin"></div><div id="vf_screen"></div>' + '<div id="vf_box_login">' + '<div>' + '<h3>Đăng nhập</h3>' + '<form action="/login?redirect=/" method="post" name="form_login" id="signin">' + '<table width="100%" border="0" cellpadding="0" cellspacing="5" style="border-collapse: separate; border-spacing: 5px;">' + '<tr><td style="width: 90px;text-align: right;font-weight: bold;">Tài khoản</td><td><input class="input_login" type="text" name="username"/></td></tr>' + '<tr><td style="width: 90px;text-align: right;font-weight: bold;">Mật khẩu</td><td><input class="input_login" type="password" name="password"/></td></tr>' + '<tr><td colspan="2"><center><input type="checkbox" name="autologin" checked=""/> Ghi nhớ | <a href="/profile?mode=sendpassword">Quên mật khẩu ?</a></center><br/></td></tr>' + '<tr><td colspan="2" class="login_bottom_boxy"><input class="bottom_login" type="submit" name="login" value="Đăng nhập" /> <input class="bottom_close" type="submit" value="Hủy bỏ" /></td></tr>' + '</table>' + '</form>' + '<div class="box_alert_close"></div>' + '</div>' + '</div>');
$('.vf-clickLogin').live('click', function () {
$('#vf_screen').show();
$('#vf_box_login').fadeIn('fast');
return false;
});
$('.box_alert_close').live('click', function () {
$('#vf_screen').hide();
$('#vf_box_login').fadeOut('fast');
return false;
});
$('.bottom_close').live('click', function () {
$('#vf_screen').hide();
$('#vf_box_login').fadeOut('fast');
return false;
});
$('*').keyup(function (event) {
if (event.keyCode == '27') {
$('#vf_box_login').fadeOut('fast');
$('#vf_screen').hide();
}
});
center();
$(window).resize(function () {
center();
});
});
