title: how to open a link in iFrame
body: <p>This is my code:</p>
  
  <pre><code>&lt;area shape="design-principles" coords="598,385,695,455" rel="lightbox" href="http://www.google.com" target="frame1"/&gt;
  &lt;iframe name="frame1" Width="500px" Height="100px" style="overflow:hidden;"&gt;
   &lt;p&gt; Browser does not support iframes &lt;/p&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>I have an image, I'm targeting <code>onClick</code> of a specific location of the image(hence used the <code>&lt;area&gt;</code> tag).</p>
  
  <p>The problem is, <a href="http://www.google.com" rel="nofollow">http://www.google.com</a> is not opening in the <code>iframe</code>.</p>
  
  <p>Also, I want the <code>iframe</code> to "go away" <code>onMouseOut</code></p>