как открыть ссылку в iFrame

Question

Это мой код:

<area shape="design-principles" coords="598,385,695,455" rel="lightbox" href="http://www.google.com" target="frame1"/>
<iframe name="frame1" Width="500px" Height="100px" style="overflow:hidden;">
 <p> Browser does not support iframes </p>
</iframe>

У меня есть изображение, я нацеливаюсь на onClick определенного местоположения изображения (поэтому использовал тег <area>).

Проблема в том, что http://www.google.com не открывается в iframe.

Кроме того, я хочу, чтобы iframe "ушел" onMouseOut

Answer 1

Ниже загружается Google или Yahoo в iframe.

<img src ="http://www.noahsanimalfigurines.com/catalog/images/cf/oce133.jpg" width="145" height="126" alt="Planets" usemap ="#planetmap" />
<map name="planetmap">
 <area shape="rect" coords="0,0,50,50" onclick="javascript:window.open('http://www.google.com', 'frame1')"  alt="Sun" />
 <area shape="rect" coords="100,100,150,150" onclick="javascript:window.open('http://www.yahoo.com', 'frame1')"  alt="Moon" />  
</map>

<iframe name="frame1" Width="500px" Height="100px" style="overflow:hidden;">
  <p> Browswer does not support iframes </p>
</iframe>

Вы можете показать / скрыть iframe, используя jquery: Как скрыть iframe при нажатии на него с помощью Jquery