Droplayer Menu in Frame

liunx · Jan 10, 2008

I can't seem to get a 'Droplayer Menu' (someone please inform me of a better name for this style of menu as I don't know what to call it) to work in a frame. 
 
My webpage is a roleplaying game one, and I have seperated the page into 3 horizontal frames, with the bottom frame being divided into 3 verticle frames. The first verticle frame of the last horizontal frame is where the 'Droplayer Menu' is located. 
 
Now the 'Droplayer Menu' works when it isn't in a frame, but doesn't when it is. Here is what I mean... 
 
'Droplayer Menu' working by itself: 
<a class="postlink" href="http://www.angelfire.com/anime/deep/drogo">http://www.angelfire.com/anime/deep/drogo</a> 
 
'Droplayer Menu' not working in a frame: 
<a class="postlink" href="http://www.angelfire.com/anime/deep/drogo/bottomstats.html">http://www.angelfire.com/anime/deep/dro ... stats.html</a> 
 
The source code for this 'Droplayer Menu' is as followed: 
 
<script language="JavaScript"> 
f7_droplayer=new Array() 
f7_droplayer[0]="drop1" 
f7_droplayer[1]="drop2" 
f7_droplayer[2]="drop3" 
f7_droplayer[3]="drop4" 
//simple browser check 
f7_v4=(parseInt(navigator.appVersion)>=4 && parseInt(navigator.appVersion)<=5)?1:0 
f7_ie=(document.all && f7_v4)?1:0 
f7_ns=(document.layers && f7_v4)?1:0 
//code for drops 
function f7_showdrop(thelayer){ 
f7_keep=thelayer; f7_hideall(); f7_showitnow=1 
f7_showit(thelayer) 
} 
function f7_showit(thelayer){ 
if(f7_ie){ eval(f7_droplayer[thelayer]+'.style.visibility="visible"') } 
if(f7_ns){ eval('document.'+f7_droplayer[thelayer]+'.visibility="show"');} 
} 
function f7_hidedrop(){ 
f7_keep=-1; setTimeout('f7_hideall()',500) 
} 
f7_keep=-1 
function f7_hideall(){ 
for(i=0;i<F7_droplayer.length;i++){ 
f7_hideit=0; f7_checkmousepos(i) 
if(f7_ie && f7_keep!=i){ 
if(f7_hideit){ eval(f7_droplayer+'.style.visibility="hidden"') } 
} 
if(f7_ns && f7_keep!=i){ 
if(f7_hideit){ eval('document.'+f7_droplayer+'.visibility="hide"') } 
} 
} 
} 
//deal with cursor over layer 
document.onmousemove = f7_getmousepos 
if (f7_ns) document.captureEvents(Event.MOUSEMOVE) 
function f7_getmousepos(e){ 
if(f7_ns){f7_mousex=e.pageX; f7_mousey=e.pageY} 
if(f7_ie){f7_mousex=event.clientX; f7_mousey=event.clientY;} 
} 
function f7_checkmousepos(i){ 
if(f7_ns){ 
f7_x_min=eval('document.'+f7_droplayer+'.left') 
f7_x_max=f7_x_min+eval('document.'+f7_droplayer+'.clip.width') 
f7_y_min=eval('document.'+f7_droplayer+'.top') 
f7_y_max=f7_y_min+eval('document.'+f7_droplayer+'.clip.height') 
} 
if(f7_ie){ 
f7_x_min=eval(f7_droplayer+'.style.pixelLeft') 
f7_x_max=f7_x_min+eval(f7_droplayer+'.style.pixelWidth') 
f7_y_min=eval(f7_droplayer+'.style.pixelTop') 
f7_y_max=f7_y_min+eval(f7_droplayer+'.style.pixelHeight') 
} 
if (f7_mousex>=f7_x_min && f7_mousex<=f7_x_max && f7_mousey>=f7_y_min && f7_mousey<=f7_y_max){ 
f7_hideit=0; setTimeout('f7_hideall()',500) 
} 
else { f7_hideit=1 } 
return f7_hideit 
} 
</script> 
 
<style type="text/css"> 
.dropdown { position: absolute; color:white; top:19px; visibility: hidden ;} 
.drophead { color:#000000; font: 10px arial; text-decoration:none; } 
.dropitem { text-decoration:none; color:black; font: 10px arial;} 
.drophead:hover { color:black; text-decoration:none } 
.dropitem:hover { color:#ffffff; font: 10px arial; text-decoration:none;} 
</style> 
 
Example of a link that activates one of the menus: 
 
<a style="cursorointer" class="drophead" onmouseover="f7_showdrop(0)" onmouseout="f7_hidedrop()" href=http://www.htmlforums.com/archive/index.php/"#">Attributes</a> 
 
All help is appretiated. Thanks in advance. Take care. 
 
Faith 
-JohnDrop menu's rarely work when sinking into another frame. You will need to find one that has been scripted to do so. 
 
This one will: 
<a class="postlink" href="http://www.dynamicdrive.com/dynamicindex1/hvmenu/index.htm">http://www.dynamicdrive.com/dynamicinde ... /index.htm</a> 
 
One of the best drop down menus out there.

Droplayer Menu in Frame

liunx

Guest