我需要一种自动调整iframe大小的方法,无论我查到什么,它都不起作用


I need a way to auto resize an iframe, it isnt working from whatever I looked up hear or anywhere else

可能重复:
基于内容调整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更改事件检测的入门教程?