Блог

вот сайт, на который я ссылаюсь:http://www.graphicfirm.com/index.php

если вы прокрутите страницу вниз и, например, нажмете на automotive во время загрузки картинок, вы увидите сообщение с надписью searching …. а затем, когда вы нажимаете на картинку, все как бы затемняется, и вы видите загрузку сообщения…

как это делается с помощью jquery / ajax?

поправьте меня, если я ошибаюсь, но это мое лучшее предположение.

 $.ajax({
       url: "ajax.php",
       type: "GET",
       dataType: "json",
       data: "attribute=myvalue",

        beforeSend: function()
        {

            $(".mymessage").show();
            //dim page
        },

        complete: function()
        {

            $(".mymessage").hide();
            //undim page
        },

        success: function(data)
        {

            //load data               

        }

});
  

если я все понял правильно, как бы они затемняли страницу?
если я ошибся, можете ли вы показать мне образец?

Спасибо

Посмотрите на: http://malsup.com/jquery/block

Это позволяет блокировать весь сайт во время отображения сообщения вашему пользователю.

Вот как вы должны это сделать:

 $(".mymessage").show();
$.ajax({
       url: "ajax.php",
       type: "GET",
       dataType: "json",
       data: "attribute=myvalue",
        success: function(data)
        {
           $(".mymessage").hide();
           //load data
        }
});
  

Поместите $(".mymessage").show(); перед вызовом ajax и скройте его сразу после success выполнения.