Help - Search - Members - Calendar
Full Version: Frame targeting problem
HTMLHelp Forums > Web Authoring > General Web Design
dbal
Hi,

I just set up a website and everything is going great, except for one minor problem.

My site design is simple - two frame rows - one is a nav bar and the other shows all the information from my pages. I want each page to display in the lower frame, which I've named "main." However, in all browsers except Safari, the pages open in a new window as if I'd set target="_blank". For each button I've set target="main". What's going on? Any help would be greatly appreciated.

My website is www.davidbalandrin.com. Also, I'm using Dreamweaver CS4 to build my site and uploading via FTP. All the html code is listed below.

Here is the code for my frameset:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>www.davidbalandrin.com</title>
</head>

<frameset rows="20%,81%" cols="*" frameborder="no">

<frame src="nav.html" scrolling="no" noresize="noresize" id="nav">

<frame src="home.html" noresize="noresize" id="main">
</frameset>

</frameset><noframes>Sorry, your browser does not handle frames and the page cannot be displayed.
Please use a supported browser such as Internet Explorer, Safari or Firefox.</noframes>

</html>

And here is the code for my nav bar:


<!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>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #C4C17C;
}
body,td,th {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('_images/Nav Bar/teaching_on.jpg','_images/Nav Bar/performance_on.jpg','_images/Nav Bar/media_on.jpg','_images/Nav Bar/about_on.jpg','_images/Nav Bar/brass_on.jpg','_images/Nav Bar/online_on.jpg','_images/Nav Bar/links_on.jpg','_images/Nav Bar/contact_on.jpg')">
<p><img src="_images/title.jpg" width="353" height="58" /></p>
<p><a href="about.html" target="main" onmouseover="MM_swapImage('AboutMe','','_images/Nav Bar/about_on.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="_images/Nav Bar/about.jpg" name="AboutMe" width="94" height="33" hspace="5" border="0" id="AboutMe" /></a><a href="performance.html" target="main" onmouseover="MM_swapImage('Performance','','_images/Nav Bar/performance_on.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="_images/Nav Bar/performance.jpg" name="Performance" width="122" height="33" hspace="5" border="0" id="Performance" /></a><a href="teaching.html" target="main" onmouseover="MM_swapImage('Teaching','','_images/Nav Bar/teaching_on.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="_images/Nav Bar/teaching.jpg" name="Teaching" width="202" height="33" hspace="5" border="0" id="Teaching" /></a><a href="recording.html" target="main" onmouseover="MM_swapImage('Recording','','_images/Nav Bar/recording_on.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="_images/Nav Bar/recording.jpg" name="Recording" width="180" height="33" hspace="5" border="0" id="Recording" /></a><a href="brass_maintenance.html" target="main" onmouseover="MM_swapImage('Brass','','_images/Nav Bar/brass_on.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="_images/Nav Bar/brass.jpg" name="Brass" width="245" height="33" hspace="5" border="0" id="Brass" /></a><a href="media.html" target="main" onmouseover="MM_swapImage('Media','','_images/Nav Bar/media_on.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="_images/Nav Bar/media.jpg" name="Media" width="61" height="33" hspace="5" border="0" id="Media" /></a><a href="store.html" target="main" onmouseover="MM_swapImage('Store','','_images/Nav Bar/online_on.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="_images/Nav Bar/online.jpg" name="Store" width="122" height="33" hspace="5" border="0" id="Store" /></a><a href="links.html" target="main" onmouseover="MM_swapImage('Links','','_images/Nav Bar/links_on.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="_images/Nav Bar/links.jpg" name="Links" width="58" height="33" hspace="5" border="0" id="Links" /></a><a href="contact.html" target="main" onmouseover="MM_swapImage('Contact','','_images/Nav Bar/contact_on.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="_images/Nav Bar/contact.jpg" name="Contact" width="79" height="33" hspace="5" border="0" id="Contact" /></a></p>
</body>
</html>
Darin McGrew
You use <frame ... id="Main"> rather than <frame ... name="Main">.
dbal
I think it is already set as id="main" That should be under the frame set code, right? If you wouldn't mind, could you check my code quickly? It's listed above. Thanks!
Darin McGrew
Let me try that again...

You currently use <frame ... id="Main">

Instead, you should use <frame ... name="Main">.
dbal
Excellent! Worked like a charm. Thank you very much for your help!
For Learning
how to link one frame to another frame on same page.
Darin McGrew
Please see the FAQ entry How do I make a link or form in one frame update another frame?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.