1

可能重复：
根据内容调整 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);
    }
?>

我能做些什么呢？提前致谢！

4

2 回答 2

1

穆克曼很高兴再次见到你！您可以使用 iframe 的属性更改 iframe 的大小。然后，您可以使用 JavaScript 或 PHP，具体取决于您确定自动调整大小的内容或方式，为它们提供动态数字。您正在寻找的属性：

<iframe height="200" width="200"></iframe>

iframe 属性http://www.w3schools.com/tags/tag_iframe.asp

如果您想在点击后显示 iframe，您将需要使用 iframe 的更改源事件。

这是iFrame src 更改事件检测的入门？

于 2012-08-20T02:43:52.067 回答
1

从隐藏在 CSS 中的 iframe 开始：

#frame {display:none}
.visible {display:block}

然后在提交按钮上是这样的：

onclick="$(#frame).addClass('visible');"

但是，无论表单做什么，这都将起作用，因此，如果您进行了验证，则每次单击按钮时框架仍然可见。如果您愿意，您可以在每次按下时打开和关闭它，如下所示：

onclick="$(#frame).toggleClass('visible');"
于 2012-08-20T05:14:45.043 回答