1

次のコードがあります: Iframe が表示されていますが、フォームが送信されるまで非表示にしたいです。iframe の代わりに Div を使用する方が良いでしょうか? フォームが送信されたときに既に存在する div を取り除くのが好きです。

<script type="text/javascript">  
function showIFrame() {  
 var iframe = document.getElementById("myiframe");  
 iframe.style.display="block";  
}  
</script>

私のcssファイルで

#myiframe {
display:none; }

<form name="search" id="search" method="get"      action="http://tmccaffery.outsideagents.com/travel/car/search.rvlx" target="carsearch">

<iframe id="myframe" name="carsearch" width="535" height="625" scrolling="no"   frameborder="0"></iframe>


<button type="submit" id="SearchCarButton" class="submitBtn" onclick="showIFrame()"/>  <span>Search</span></button>
4

5 に答える 5

1

id="myframe"HTMLと#myiframeCSSで使用しています。

に変更id="myframe"するid="myiframe"か、 に変更#myiframeし#myframeます。

于 2013-03-18T15:52:40.630 に答える
0

間違った ID を使用しています - CSS で "#myframe" の代わりに "#myiframe" を使用しています - "i" はありません。

正しいコードは次のとおりです。

#myframe { display:none; }
于 2013-03-18T15:57:50.037 に答える
0 
iframe.style.visibility="hidden";

そしてそれを表示するには：

iframe.style.visibility="visible";

編集:そして、 onsubmit="JavaScriptCode" イベントを使用して変更をトリガーできます。

参照: http://www.w3schools.com/jsref/event_form_onsubmit.asp

于 2013-03-18T15:50:18.330 に答える
0

スクリプトをこれに変更してください:)

<script type="text/javascript">  
function showIFrame() {  
var iframe = document.getElementById("myiframe");  
iframe.style.visibility="visible";
}  
</script>
于 2013-03-18T15:51:51.360 に答える
-1

jQuery には、iframe が読み込まれたときに実行される load イベントがあります。

$('#myframe').load(function() {
   $(this).show();
});
于 2013-03-18T15:51:47.917 に答える