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

时间:2013-02-11 21:08:39

标签: php javascript preloader

我有一个表单,它将一个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来显示加载图像。

1 个答案:

答案 0 :(得分:0)

我希望这个答案可以帮助您或其他寻求解决方案的人。这个对我有用。

我正在努力做同样的事情。我有一个计算iframe运费的页面,我希望它显示加载的gif图像,而运费从我的运输提供商加载为xml。

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

您需要更改的是您网站的图片网址。您可能还想更改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动画。 :)