iframe只顯示點擊後？

Question

我有以下代碼：iframe正在顯示，但我想隱藏它，直到表單被提交。使用Div而不是iframe會更好嗎？當表單提交時，我喜歡擺脫已經存在的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> 

Answer 1

iframe.style.visibility="hidden"; 

，並顯示出它：

iframe.style.visibility="visible"; 

編輯：你可以使用的onsubmit = 「JavaScriptCode」 事件引發的變化。

參考： http://www.w3schools.com/jsref/event_form_onsubmit.asp

Answer 2

擁有jQuery的IFRAME時被加載時執行的加載事件：

$('#myframe').load(function() { 
    $(this).show(); 
}); 

Answer 3

更改您的腳本來此:)

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

Answer 4

您使用id="myframe"在HTML中和#myiframe在CSS中。

要麼改變id="myframe"到id="myiframe"或更改#myiframe到#myframe。

Answer 5

你正在使用錯誤的ID - 在你的CSS中使用「#myiframe」而不是「#myframe」 - 不是「我」。

下面是正確的代碼：

#myframe { display:none; }