Note that there are some explanatory texts on larger screens.

plurals
  1. POTargeting iframe in image map anchor opening own page
    primarykey
    data
    text
    <p>Here's what I got... for some reason when I click the image map links they open up the page outside the iframe (as in it opens up as it's own page)</p> <p>I've messed with it for a couple hours and went through about 20 pages but none of them specifically deal with image map links and none of them are helping.</p> <p>The live link is here, I'm using firefox.</p> <p><a href="http://www.penumbra-productions.com" rel="nofollow">http://www.penumbra-productions.com</a></p> <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; &lt;title&gt;Penumbra Productions&lt;/title&gt; &lt;script src="Scripts/jquery-1.10.2.js" type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function () { $("#dropshadow").hide(); setTimeout(function () { $("#dropshadow").fadeIn(1000) }, 1500); }); &lt;/script&gt; &lt;link href="CSS/Penprocss.css" rel="stylesheet" type="text/css"/&gt; &lt;style type="text/css"&gt; body { background-color: #CCC; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="dropshadow"&gt; &lt;div id="wrapper"&gt; &lt;div id="header"&gt; &lt;a href="Index.html"&gt; &lt;img src="Images/PenproFull.jpg" width="309" height="199" alt="Penumbra Productions" longdesc="http://penumbra-productions.com/Index.html"/&gt; &lt;/a&gt; &lt;br/&gt; &lt;/div&gt; &lt;div id="navigation"&gt; &lt;img src="Images/Navigation.jpg" width="1200" height="50" border="0" usemap="#Map"/&gt; &lt;map name="Map" id="Map"&gt; &lt;area shape="photography" coords="29,5,252,43" href="photo.html" target="content"/&gt; &lt;area shape="videography" coords="319,6,516,43" href="video.html" target="content"/&gt; &lt;area shape="portfolio" coords="572,9,761,44" href="port.html" target="content"/&gt; &lt;area shape="contact" coords="801,9,981,42" href="contact.html" target="content"/&gt; &lt;area shape="about" coords="1020,9,1185,43" href="about.html" target="content"/&gt; &lt;/map&gt; &lt;/div&gt; &lt;iframe id="content" src="main.html" width="1200" height="620" frameborder="0"&gt;&lt;/iframe&gt; &lt;div id="footer"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload