可能重复:
基于内容调整iframe的大小
我想做的是:
使用div将表单发布到,作为使用ajax的替代方案,因为我需要一些不使用ajax的东西。下面是我正在使用的2页的代码:
表单为的页面
<form action="iframe.php" method="post" onsubmit="document.getElementById('"'")" target="my_iframe">
<input type="hidden" name="post" value="postdata" />
<input type="submit" value="Do Stuff!" />
</form>
<!-- when the form is submitted, the server response will appear in this iframe -->
<iframe frameborder="0" name="my_iframe" id="frame" src="iframe.php"></iframe>
iframe来源:
<?php
if(isset($_POST['post'])){
var_dump($_POST);
}
?>
我该怎么办?提前感谢!
从你的iframe被隐藏在CSS中开始:
#frame {display:none}
.visible {display:block}
然后在提交按钮上显示这样的内容:
onclick="$(#frame).addClass('visible');"
不过,无论表单做什么,这都会起作用,因此,如果您进行了验证,每次单击按钮时,框架仍然可见。如果你愿意,你可以在每次按下时打开和关闭它,就像这样:
onclick="$(#frame).toggleClass('visible');"
MuqMan很高兴再次见到您!您可以使用iframe的属性更改其大小。然后,您可以使用JavaScript或PHP,根据您决定自动调整大小的内容或方式,为它们提供一个动态数字。您正在寻找的属性:
<iframe height="200" width="200"></iframe>
iframe属性http://www.w3schools.com/tags/tag_iframe.asp
如果您希望在单击后显示iframe,则需要使用iframe的更改源事件。
以下是iFrame src更改事件检测的入门教程?