iframe只顯示點擊後？

我有以下代碼：iframe正在顯示，但我想隱藏它，直到表單被提交。使用Div而不是iframe會更好嗎？當表單提交時，我喜歡擺脫已經存在的div。iframe只顯示點擊後？

<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>

來源

2013-03-18 Thomas Mccaffery

iframe.style.visibility="hidden";

，並顯示出它：

iframe.style.visibility="visible";

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

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

來源

2013-03-18 15:50:18 Gosre

-1

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

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

來源

2013-03-18 15:51:47 jcubic

更改您的腳本來此:)

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

來源

2013-03-18 15:51:51 Mattios550

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

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

來源

2013-03-18 15:52:40

我沒有你所說的話，但的iFrame仍呈現，我想隱藏的iframe，直到你點擊提交。 – 2013-03-18 16:13:55

你確實改變了其中的一個，正確的，而不是兩個？ http://jsfiddle.net/6NZaS/ – 2013-03-18 16:14:48

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

下面是正確的代碼：

#myframe { display:none; }

來源

2013-03-18 15:57:50 adi

iframe只顯示點擊後？

回答

相關問題