Визуализация запросов

[Intrerio]

Здравствуйте господа форумчане.
Есть такой вот не хитрый скрипт:

<script>	
function perevirka_f(){
var tester = document.getElementById('osoby_calc3').innerHTML;
var tarif = document.getElementById('tarif').value;
var period = document.getElementById('period').value;
var blank = document.getElementById('blank').value;
var datestart = document.getElementById('datestart').value;
var strah = document.getElementById('strah').value;
var datestrah = document.getElementById('datestrah').value;
var passport = document.getElementById('passport').value;
var adress = document.getElementById('adress').value;
var osoba1 = document.getElementById('osoba1').value;
var dateosoba1 = document.getElementById('dateosoba1').value;
var passport1 = document.getElementById('passport1').value;
var kil_osoby = document.getElementById('kil_osoby').value;
var phone = document.getElementById('phone').value;

   $("#perevirka").load("perevirka_spec.php", {tester: tester, tarif: tarif, period: period, blank: blank, datestart: datestart, strah: strah, datestrah: datestrah, passport: passport, adress: adress, osoba1: osoba1, dateosoba1: dateosoba1, passport1: passport1, kil_osoby: kil_osoby, phone: phone});	
   
  
}
  </script>

Я как разработчик понимаю что при вызове данного скрипта идет обмен данных, а вот обыденный пользователь не знает этого и если соединение слабенькое то он жмет и жмет кнопку вызова. Перелопатил инет в плодь до 12 странички гугла и ничего толкового. Подайте пример для визуализации запроса jquery. В идеал хотелось бы два варианта увидеть, первый просто шестеренка появляется и кружится пока не закончится запрос, а второй это та же шестеренка по центру экрана с затемнением рабочей области (так чтоб пользователь не смог нажать дважды или чтото изменить). Заранее благодарен.

[ksa]

В идеал хотелось бы два варианта увидеть, первый просто шестеренка появляется и кружится пока не закончится запрос, а второй это та же шестеренка по центру экрана с затемнением рабочей области (так чтоб пользователь не смог нажать дважды или чтото изменить). Заранее благодарен.

Так в чем собственно трудность?
http://habrahabr.ru/post/136351/

[Intrerio]

С модальными окнами все понятно, но все же остается актуальной главноя проблема - визуализация Аякс запроса

[ksa]

С модальными окнами все понятно

Ели понятно - просто используй это для "визуализации Аякс запроса"...

[laimas]

Чушь это все - нет и не может быть никаких модальных окон на CSS. Все это имитация чего-то системного, хрен знает кем с легкой руки названной "модальным окном".

[Intrerio]

Так все же какие предложения?

[laimas]

Чего вам надо, показать крутилку во время запроса сервера? Ну так какие проблемы, например, в jQuery, который судя по коду вы используете, есть два метода: .ajaxStart() - устанавливает обработчик запуска ajax-запроса, при условии, что в этот момент не выполняются другие ajax-запросы, и .ajaxStop() - устанавливает обработчик завершения всех текущих ajax-запросов, то есть, обработчик будет вызван только по завершению последнего активного запроса.

Обработчики можно установить на любой элемент, например так:

$(document).on({
    ajaxStart: function() {/*показываем крутилку*/},
    ajaxStop: function() {/*скрываем крутилку*/}
});

Вот только использовать jQuery и в тоже время писать такие портянки:

var tarif = document.getElementById('tarif').value;
var period = document.getElementById('period').value;
var blank = document.getElementById('blank').value;
....

это плохо, есть в нем методы .serialise() и .serialiseArray().

[ksa]

Так все же какие предложения?

Таки начать уже что-то делать.
Показать, что получается или не получается...

[Intrerio]

Большое спасибо. Сейчас закончу с обработчиком php и попробую реализовать Ваш совет.Отпишусь о результате