VPF::jquery - Закрытие окошка авторизации

tahat

Дата 29.6.2011, 13:34 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 29.6.2011

Репутация: нет
Всего: нет

Здравствуйте, уважаемые форумчане!
Я здесь новенький, но надеюсь найдутся люди, которые захотят помочь.
В общем, разрабатываю сайт, в котором использую полно js с фрймворком jquery.
И встала передо мной следующая проблема: При нажатии по ссылке с текстом "Войти" выполняется примерно следующий код:

Код


$('#login_form').show();

И начинает отображаться блок с формой для авторизации.
Задача в следующем: Необходимо скрывать этот блок при нажатии по любой другой области сайта.
Вот все перепробовал, никак не получается.

bars80080

Дата 29.6.2011, 14:07 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 3
Всего: 315

очевидно - событие onblur

только придётся помучаться и прописать, чтобы при вставке курсора в поле не происходило закрытие формы

как-то так, наверное:

Код


var authSHFormFlag = true;
function authformfix(th, mod) {
    if(mod == 1) { releaseAuthFormFix(th, 'block'); authSHFormFlag = false; setTimeout('authSHFormFlag = true', 200); }
    else if(authSHFormFlag) { setTimeout(function() { releaseAuthFormFix(th, ''); }, 100); }
}
function releaseAuthFormFix(th, s) {
    if(!s && !authSHFormFlag) { return; }
    $('#AUTHFORM').css('display', s);
}

$(document).ready(function() {
    // фиксация авторизационной формы
    $('#AUTHFORM input').each(function() {
        $(this).bind('focus', function(){ authformfix(this, 1);
        }).bind('blur', function(){ authformfix(this, 0); });
    });
    $('#AUTHFORM a').each(function() { $(this).attr('tabindex', 1000); });
}

нуп

Дата 29.6.2011, 15:04 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33

Может поможет http://forum.vingrad.ru/forum/topic-77370.html . Вообще проще сделать модальное окошко с кнопкой закрыть

tahat

Дата 29.6.2011, 15:29 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 29.6.2011

Репутация: нет
Всего: нет

bars80080, спасибо, но я что - то не смог осилить код)
нуп, спасибо, взял код с примера, вполне рабочий, просто пришлось там в if много-много условий закинуть, но, главное, пашет)
А насчет кнопки закрытия, то она стоит, просто клиент и такой способ желает видеть)

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »