Блог

Мы хотели бы разместить эффект темного фона (обычно мы используем для галереи изображений. ) для загрузки страницы. На самом деле у нас есть HTML-форма, только с текстовым полем и кнопкой отправки. Мы бы просто получали данные из PHP через ajax. здесь мы хотели бы реализовать загрузку изображения с эффектами темного фона. Когда на экране будут напечатаны целые данные, загрузочное изображение с темным фоном вернется к обычному фону.

Спасибо

Роджер

Обновление: — Использование этого кода для получения значения из файла php. Я новичок в Ajax / JS, если кто-нибудь может дать мне структуру кода, это хорошо для нас.

 var anchorUrl2 = 'script.php';
var anchorPars1 = 'sqt=abcsd';
var anchorAjax2 = new Ajax.Updater( 'div-id', anchorUrl2, { method: 'get', parameters: anchorPars1 });
  

• При отправке формы добавьте div к body тегу
• Установите положение этого div на фиксированное, ширину и высоту на ширину и высоту окна
• Назначьте полупрозрачный черный PNG в качестве фона
• Напишите внутри текст со словами «Пожалуйста, подождите»
• Используйте функцию обратного вызова, когда запрос ajax выполнен, чтобы удалить этот div

Попробуйте это, код должен быть понятным. Это код jquery, но вы можете извлечь из него идею.

 <script type="text/javascript>
  $(document).ready(function(){
    $("#contentToHideWhileLoading").hide();
    $("#contentToShowWhileLoading").show();
    $.get(url, {parameters: anchorPars1}, function(data){
        $("#placeToAppendTo").append(data.dataToAppend);
        $("#contentToShowWhileLoading").hide();
        $("#contentToHideWhileLoading").show();
        $("#placeToAppendTo").show(); // if it wasn't visible yet
    });
  });
</script>