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

MuqMan、またお会いできてうれしいです！プロパティを使用してiframeのサイズを変更できます。次に、自動サイズ変更を決定する内容または方法に応じて、JavaScriptまたはPHPを使用して、動的な番号を指定できます。あなたが探している属性：

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

iframeのプロパティhttp://www.w3schools.com/tags/tag_iframe.asp

クリック後にiframeを表示する場合は、iframeのソース変更イベントを使用することをお勧めします。

これがiFramesrc変更イベント検出のスターターですか？

于 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 に答える