Question

我们想放置深色背景效果（通常我们用于图片库。）来加载页面。实际上我们有一个HTML表单，只有textarea框和一个提交按钮。我们只需通过ajax从PHP获取数据。这里我们想用暗背景效果实现加载图像。当整个数据将在屏幕上打印时，将带有深色背景的图像加载回正常背景。

谢谢

罗杰

更新： - 使用此代码从php文件中获取值。我是Ajax / JS的初学者，如果有人能给我代码结构，那对我们有好处。

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

Answer 1

在表单上提交append div为body标记
将此div的位置设置为固定，宽度和高度为窗口的宽度和高度
指定半透明的黑色PNG作为背景
在“请稍候”
在向remove此div

Answer 2

试试这个，代码应该是自我解释的。这是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>

我们如何在深色背景效果中创建加载窗口

2 个答案: