Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Всплывающий блок Авторизации (автофокус) (https://javascript.ru/forum/jquery/27478-vsplyvayushhijj-blok-avtorizacii-avtofokus.html)

nightkon 14.04.2012 09:30

Всплывающий блок Авторизации (автофокус)
 
Добрый день, уважаемые пользователи 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;
    });

nightkon 14.04.2012 09:36

Нашел выход.
В то поле, в котором мне нужен был фокус добавил атрибут (HTML5) "autofocus".
Например:
<input type="text" value="Логин" autofocus />


Всем спасибо за внимание. :).

zebra 14.04.2012 12:10

focus()


Часовой пояс GMT +3, время: 05:43.