PDA

View Full Version : HV Menu is HIDING behind FRAME



cdgardner
03-30-2006, 02:56 AM
I use Front Page to create my web site and I used Ger Versluis HV Menu. I tried to follow his instructions to create a hortizontal drop down menu in Frames. (not so easy for amatuers)

I created a web page named 'MyNavigation.htm' and then one 'MyMain.htm'. I pasted his code into 'MyNavigation.htm' which he calls Frame 1. I then pasted the body onload code into 'MyMain.htm' which he calls Frame 2.

Frontpage automatically asks you to "set initial page" to fill the frame when you create a frames page, so I thought I should create each of these pages first and insert the code into each before I created the frames page.

I then created a frames page with two horizontal frames, one on top that I brought the "MyNavigation.htm" page into, and one on the bottom that I brought the 'MyMain.htm' into.

When I preview it in my browser the menu is there, but it hides under the 'MyMain.htm' frame. Is there a way to bring it forward so it doesn't hide under the frame below it?

My windows also pop up inside the 'MyNavigation.htm' window instead of opening up in the 'MyMain.htm' frame spot. I'm not sure where I went wrong with my code. Any help would be much appreciated!! Thank you. :)

Here's the code for
'MyNavigation.htm'
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>MyFrameOne</title>
<base target="main">
</head>

<body>

<script type='text/javascript'>
//HV Menu- by Ger Versluis (http://www.burmees.nl/)
//Submitted to Dynamic Drive (http://www.dynamicdrive.com)
//Visit http://www.dynamicdrive.com for this script and more
function Go(){return}</script>
<script type='text/javascript' src='exmplmenu_var.js'></script>
<script type='text/javascript' src='menu_com.js'></script>

<div align="center">
<table border="0" cellpadding="0" style="border-collapse: collapse" width="700">
<tr>
<td>
<p align="center">Navigation</td>
</tr>
</table>
</div>

</body>

</html>

Here's the code for
'MyMain.htm'
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>INDEX2</title>
<base target="_self">
</head>

<body onload="javascript:{if(parent.frames[0]&&parent.frames['MyMain.htm'].Go)parent.frames['MyMain.htm'].Go()}">
<topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

<div align="center">
<table border="0" cellpadding="0" style="border-collapse: collapse" width="700">
<tr>
<td>
<p align="center"><b><font size="5">Main Page</font></b></td>
</tr>
</table>
</div>

</body>

</html>

Here's the code for my frames page that calls the two pages above
'INDEX2.htm'
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Welcome!</title>
</head>

<frameset framespacing="0" border="0" frameborder="0" rows="195,*">
<frame name="header" scrolling="no" noresize target="main" src="MyNavigation.htm">
<frame name="main" src="MyMain.htm" target="_self" scrolling="auto" noresize>
<noframes>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

<p>This page uses frames, but your browser doesn't support them.</p>

</body>
</noframes>
</frameset>

</html>

simonf
03-30-2006, 11:20 AM
Hi

In the main page place this:

<frameset rows="150,*,*" framespacing='0' frameborder='0' border=0>

<frame frameborder='0' framespacing='0' src="MyNavigation.htm" noresize scrolling='no' name="MyFrameOne" target="MyNavigation" marginwidth="1" marginheight="1"></frame>

<frame frameborder='0' framespacing='0' src="Myframetwo.htm" name="MyFrameTwo" target="datamain"></frame>

<frame frameborder='0' framespacing='0' src="Mymain.htm" name="datamain" target="datamain"></frame>

</frameset>

Change the following lines in in exmplmenu_var.js file:

var FirstLineFrame='MyFrameOne'; // Frame where first level appears
var SecLineFrame='MyFrameTwo'; // Frame where sub levels appear
var DocTargetFrame='datamain'; // Frame where target documents appear