Таргетинг на iframe в картинке map anchor открытие собственной страницы

Вот что я получил ... по какой-то причине, когда я нажимаю ссылки на карту изображения, они открывают страницу за пределами iframe (как в ней открывается как ее собственная страница)Таргетинг на iframe в картинке map anchor открытие собственной страницы

Я испортил его пару часов и просмотрел около 20 страниц, но ни один из них не касается ссылок на карту изображений, и ни один из них не помогает.

Прямая ссылка здесь, я использую firefox.

http://www.penumbra-productions.com

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <title>Penumbra Productions</title> 
    <script src="Scripts/jquery-1.10.2.js" type="text/javascript"> 
    </script> 

    <script type="text/javascript"> 

     $(document).ready(function() { 
      $("#dropshadow").hide(); 

      setTimeout(function() { 
       $("#dropshadow").fadeIn(1000) 
      }, 1500); 
     }); 
    </script> 

    <link href="CSS/Penprocss.css" rel="stylesheet" type="text/css"/> 
    <style type="text/css"> 
     body { 
      background-color: #CCC; 
     } 
    </style> 
</head> 

<body> 
<div id="dropshadow"> 
    <div id="wrapper"> 
     <div id="header"> 
      <a href="Index.html"> 
       <img src="Images/PenproFull.jpg" 
        width="309" height="199" 
        alt="Penumbra Productions" 
        longdesc="http://penumbra-productions.com/Index.html"/> 
      </a> 
      <br/> 
     </div> 
     <div id="navigation"> 
      <img src="Images/Navigation.jpg" width="1200" height="50" border="0" usemap="#Map"/> 
      <map name="Map" id="Map"> 
       <area shape="photography" coords="29,5,252,43" href="photo.html" target="content"/> 
       <area shape="videography" coords="319,6,516,43" href="video.html" target="content"/> 
       <area shape="portfolio" coords="572,9,761,44" href="port.html" target="content"/> 
       <area shape="contact" coords="801,9,981,42" href="contact.html" target="content"/> 
       <area shape="about" coords="1020,9,1185,43" href="about.html" target="content"/> 
      </map> 
     </div> 

     <iframe id="content" src="main.html" width="1200" height="620" frameborder="0"></iframe> 

     <div id="footer"></div> 
    </div> 
</div> 
</body> 
</html>

источник

2013-07-20 Wesley Weaver

ок ... все, что должно было случиться, чтобы добавить имя = атрибут «содержание» в IFRAME поэтому изображение карты ссылки могут предназначаться его

источник

2013-07-22 05:58:17

Вместо использования целевого атрибута тега области, попробуйте использовать обработчик OnClick.

... 
<area shape="contact" coords="801,9,981,42" href="#" onclick="loadNow('contact.html')" /> 
<area shape="about" coords="1020,9,1185,43" href="#" onclick="loadNow('about.html') /> 
... 
function loadNow(url) { document.getElementById('content').src=url; }

источник

2013-07-21 02:22:22 sthede

я вижу логику ... но почему черт возьми, он не работает, как следует начинать с OO? –

ok ... все, что должно было произойти, заключалось в том, чтобы добавить атрибут name = "content" в iframe, чтобы ссылки на карту изображения могли нацеливаться на нее –

Таргетинг на iframe в картинке map anchor открытие собственной страницы

ответ

Смежные вопросы