title: Onclick Remove/delete image
body: <p>I need to load an .swf file after we click on an image</p>
  
  <p>The .swf file loads successfully after we click on the image,but it loads the .swf below the image.I need to replace the img with .swf(in short,hide the img).</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  function loadSWF(url){
      swfobject.embedSWF(url, "flashcontent", "550", "400", "9");
  }
  document.getElementById('iii').style.display = 'none';
  
  &lt;/script&gt;
  
  &lt;p&gt;&lt;a href="http://www.leconcombre.com/stock/coccyminimini1.swf" onclick="loadSWF(this.href); return false;"&gt;
  
  
  &lt;div id="iii" class="iii"&gt;
  &lt;img id="my_image17" border="0" src="http://4.bp.blogspot.com/-7Ij8T9BvULw/VJWltsHNmhI/AAAAAAAANDI/a76wpzm_a-E/s1600/world%2Bmap%2Bcolor_1.jpg" /&gt;
  &lt;/div&gt;
  
  &lt;/a&gt;&lt;/p&gt;
  
  &lt;div id="flashcontent"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I need to hide/remove the  class/id "iii" (within which the img tag lies).However the code doesn't seem to work only with respect to hiding/removing of img. Any tips?</p>