iframe을 클릭 한 후에 만 ​​표시 하시겠습니까?

Question

다음 코드가 있습니다. Iframe이 표시되었지만 양식이 제출 될 때까지 숨길 수 있습니다. 아마 iframe 대신 div를 사용하는 것이 더 좋을까요? 나는 양식이 제출 될 때 거기 이미 div thats를 없애고 싶다. 내 CSS 파일에서

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

#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"이벤트를 사용할 수 있습니다 .

참조 :

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

Answer 2

JQuery와 iframe이로드 될 때 실행되는로드 이벤트가 CSS는 #myiframe입니다.

id="myframe"을 id="myiframe"으로 변경하거나 #myiframe을 으로 변경하십시오.

Answer 3

이 :)

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

Answer 4

당신은 id="myframe"를 사용하는에 스크립트를 변경합니다 http://www.w3schools.com/jsref/event_form_onsubmit.asp

Answer 5

잘못된 ID를 사용하고 있습니다. CSS에서 "#myframe"대신 "#myiframe"을 사용하고 있습니다. "아니오"는 아닙니다. 난 당신이 말했지만 Iframe에 여전히 게재되고

#myframe { display:none; }