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

Edit: И вы можете использовать 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

Вы используете неправильный идентификатор - в вашем css вы используете «#myiframe» вместо «#myframe» - no «i».

Вот правильный код:

#myframe { display:none; }