Форум PHP программистов > Запрет доступа к странице до выполнения скрипта

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Запрет доступа к странице до выполнения скрипта

MailRes

18.05.2013 - 02:02

Всем привет!

Есть такой код на jQuery


jQuery(document).ready(function(){
	jQuery(".selector").blur(function(){
            // какой-то код
	});
});

Можно ли прикрутить какой-нибудь обработчик, чтобы при потере фокуса с поля классом "selector", страница временно блокировалась, до того момента пока полностью не выполнится "какой-то код"?

sergeiss

18.05.2013 - 13:32

Можно. При выполнении твоих условий накладывай поверх страницы прозрачный ДИВ, который закроет доступ ко всем объектам. Но, в то же время, их будет хорошо видно.

Врочем, с точки зрения юзабилити, лучше сделать этот ДИВ частично прозрачным, а в центре экрана показать индикатор загрузки. Тогда любой юзер поймет, что не надо ничего пытаться нажимать.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

MailRes

19.05.2013 - 14:48

Ну это то да))) Так примерно и хотел сделать, я не понимаю как это сделать (точнее как нарисовать див с индикатором и вывести на экран знаю, а как чтобы он правильно отображался (пока код выполняется) не понимаю)?))
Можно пример?

kaww

19.05.2013 - 15:01

Цитата (MailRes @ 19.05.2013 - 10:48)

Можно пример?

Можно и пример

jQuery(document).ready(function(){
	jQuery(".selector").blur(function(){
         var layer = $("<div/>").css({position: "absolute",
            left: 0,
            top: 0,
            width: "100%",
            height: "100%",
            "z-index" : 9999,
            opacity: 0.5,
            background: "#f0f0f0"}).html("Please wait...");
        var body = $("body");
        body.css({overflow:"hidden"}).append(layer);
        setTimeout(function () {

            body.css({overflow: "auto"});
            layer.remove();
        }, 2000);
	});
});

Быстрый ответ:

Здесь расположена полная версия этой страницы.