表单将php脚本加载到iframe时加载图像

表单将php脚本加载到iframe时加载图像,php,javascript,preloader,Php,Javascript,Preloader,我有一个表单,它向iframe提交一个php文件 表格如下: <form action="del.php" method="post" target="output" > Server: <input type="text" name="server_id" value="" /> Name:<input type="text" name="name" value="" /> Password:<input type="password" name="

我有一个表单,它向iframe提交一个php文件

表格如下:

<form action="del.php" method="post" target="output"  >
Server: <input type="text" name="server_id" value="" />
Name:<input type="text" name="name" value="" />
Password:<input type="password" name="password" value="" /> <br>  
Create Log? <input type="checkbox" name="log" value="" />
Output list of files? <input type="checkbox" name="out" value="" /><br>
<input type="submit" name="delete" value="Delete FTP!" /></td><br>

<iframe id="output"  ></iframe>

服务器:
姓名:
密码:
创建日志? 输出文件列表

del.php删除romote ftp上的文件。这个递归函数需要一段时间。
现在,我想通过将del.php加载到iframe来显示一个加载图像。

我希望这个答案能够帮助您或其他任何正在寻找解决方案的人。这个对我有用

我也试着这么做。我有一个在iframe上计算配送的页面,我希望它显示一个正在加载的gif图像,而配送成本作为xml从我的配送提供商加载

IFRAME被一个DIV覆盖,在其中可以找到加载图像(或任何图像)。图像位于DIV区域的中心,其大小可高达950x633像素。加载IFRAME页面时,加载的图像将被隐藏

您需要更改的是站点的图像URL。您可能还需要更改DIV背景色(当前设置为#FFF)


#loadImg{位置:绝对;z索引:999;}
#loadImg div{显示:表格单元格;宽度:950px;高度:633px;背景:#fff;文本-对齐:中心;垂直对齐:中间;}

这对我有用。在将页面加载到“我的iframe”框之前,它会显示正在加载的Gif动画。:)

看看AJAX和jQuery,它们使您能够完成所需的任务。让del.php将“加载图像”输出到Iframe中,然后[刷新输出][1]。[1] :不幸的是,我没有Java方面的经验。如果我刷新“加载图像”,它将一直显示。但我只想在加载php文件时看到它!
   <style>
     #loadImg{position:absolute;z-index:999;}
     #loadImg div{display:table-cell;width:950px;height:633px;background:#fff;text-           align:center;vertical-align:middle;}
   </style>
       <div id="loadImg"><div><img src="loading.gif" /></div></div>
          <iframe border=0 name=iframe src="html/wedding.html" width="950" height="633" scrolling="no" noresize frameborder="0" onload="document.getElementById('loadImg').style.display='none';"></iframe>