Добрый день, уважаемые пользователи javascript.ru, мне нужна ваша помощь.
Установил на сайт всплывающий блок, всё работает, только при нажатии на кнопку "Авторизация" хотелось бы чтобы появлялся, автоматически, фокус на поле логин. Возможно это?
HTML-код:
<a rel="popUpLogin">Авторизация</a>
<div id="popUpLogin">
<form method="post" action="" class="login0">
<h6>Авторизация</h6>
<label><span>Логин:</span><input type="text" name="login_name" value="" /></label>
<label><span>Пароль:</span><input type="password" name="login_password" value="" /></label>
<input name="submit" type="submit" value="Войти" />
</form>
<div id="closePopup" title="Закрыть">x</div>
</div>
<div id="fade"><!--dark background--></div>
JQuery-код:
// PopUp
$('a[rel=popUpLogin]').click(function() {
var popupid = $(this).attr('rel');
$('#' + popupid).fadeIn();
$('body').append('<div id="fade"></div>');
$('#fade').fadeIn();
var popuptopmargin = ($('#' + popupid).height() + 10) / 2;
var popupleftmargin = ($('#' + popupid).width() + 10) / 2;
$('#' + popupid).css({ 'margin-top' : -popuptopmargin, 'margin-left' : -popupleftmargin });
});
$('#fade, #closePopup').click(function() {
$('#fade, #popUpLogin').fadeOut();
return false;
});