title: iframe show only after click?
body: <p>I have the following code: Iframe is being shown but I like to hide it until form is submitted. is it better maybe to use Div instead of iframe? I like to get get rid of div thats already there when form is submitted.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;  
  function showIFrame() {  
   var iframe = document.getElementById("myiframe");  
   iframe.style.display="block";  
  }  
  &lt;/script&gt;
  </code></pre>
  
  <p>in my css file</p>
  
  <pre><code>#myiframe {
  display:none; }
  
  &lt;form name="search" id="search" method="get"      action="http://tmccaffery.outsideagents.com/travel/car/search.rvlx" target="carsearch"&gt;
  
  &lt;iframe id="myframe" name="carsearch" width="535" height="625" scrolling="no"   frameborder="0"&gt;&lt;/iframe&gt;
  
  
  &lt;button type="submit" id="SearchCarButton" class="submitBtn" onclick="showIFrame()"/&gt;  &lt;span&gt;Search&lt;/span&gt;&lt;/button&gt;
  </code></pre>