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


Loading image while form loads php script to an iframe

我有一个表单,它将php文件提交给iframe。

这是表格:

<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中可以找到加载图像(或任何图像)。图像位于DIV区域的中心,其大小可达950x633像素。当加载IFRAME页面时,加载图像将被隐藏。

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

   <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>

这对我很有效。它显示了在页面加载到我的iframe框之前加载Gif动画。:)