-
Hoover Drop Menu Prob - No drop !
Hi ... please help !!! I have been trying to utilise the following DD Menu at:
http://www.dynamicdrive.com/dynamici...pmenuindex.htm but am having problems.
I like very much the menu hoover version but, after following the instructions etc. in frontpage, the script didnt work. After trying numerous ways to get it working ... I've still got problems. The basic 'title' is now there (ok) but no drop menus appear ... I bet its something simple !!! Someone please HELP !!
Here is the HTML code:
<html>
<head>
<title>Tyneside Volleyball League Home</title>
<meta http-eqiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="../ddincludes/mainstyle.css" />
<style type="text/css">
#dropmenudiv{
border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:0px solid black; position:absolute;
line-height:18px;
z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}
</style>
<script type="text/javascript">
/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//Teams
var menu1=new Array()
menu1[0]='<a href="http://www.tyneside-volleyball.co.uk/RAFBoulmer.htm">RAF Boulmer</a>'
menu1[1]='<a href="http://www.tyneside-volleyball.co.uk/concordia.htm">Concordia</a>'
menu1[2]='<a href="http://www.tyneside-volleyball.co.uk/dss.htm">Dept. of Social Services</a>'
menu1[3]='<a href="http://www.tyneside-volleyball.co.uk/durhamuniversity.htm">Durham University</a>'
menu1[4]='<a href="http://www.tyneside-volleyball.co.uk/hebburn.htm">Hebburn</a>'
menu1[5]='<a href="http://www.tyneside-volleyball.co.uk/marden.htm">Marden</a>'
menu1[6]='<a href="http://www.tyneside-volleyball.co.uk/newcastlecollege.htm">Newcastle College</a>'
menu1[7]='<a href="http://www.tyneside-volleyball.co.uk/newcastleuniversity.htm">Newcastle University</a>'
menu1[8]='<a href="http://www.tyneside-volleyball.co.uk/southtynesiders.htm">South Tynesiders</a>'
menu1[9]='<a href="http://www.tyneside-volleyball.co.uk/tynedale.htm">Tynedale</a>'
//Divisions
var menu2=new Array()
menu2[0]='<a href="http://www.tyneside-volleyball.co.uk\mensdiv1.htm">Division 1</a>'
menu2[1]='<a href="http://www.tyneside-volleyball.co.uk\mensdiv2.htm">Division 2</a>'
menu2[2]='<a href="http://www.tyneside-volleyball.co.uk\ladies.htm">Ladies</a>'
menu2[3]='<a href="http://www.tyneside-volleyball.co.uk\leaguetables.htm">Tables</a>'
//Miscellaneous
var menu3=new Array()
menu3[0]='<a href="http://www.tyneside-volleyball.co.uk\Background.htm">Division 1</a>'
menu3[1]='<a href="http://www.tyneside-volleyball.co.uk\coaching.htm">Division 2</a>'
menu3[2]='<a href="http://www.tyneside-volleyball.co.uk\competitions.htm">Ladies</a>'
menu3[3]='<a href="http://www.tyneside-volleyball.co.uk\GreekLessons.htm">Learn Greek with Kev</a>'
//Last Season
var menu4=new Array()
menu4[0]='a href="http://tyneside-volleyball.co.uk\mensdiv106.htm">Division 1 '06</a>'
menu4[1]='a href="http://tyneside-volleyball.co.uk\mensdiv206.htm">Division 2 '06</a>'
menu4[2]='a href="http://tyneside-volleyball.co.uk\ladies06.htm">Ladies '06</a>'
menu4[3]='a href="http://tyneside-volleyball.co.uk\leaguetables06.htm">Tables '06</a>'
var menuwidth='165px' //default menu width
var menubgcolor='lightyellow' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="dropmenudiv"
style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'"
onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :
totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")?
document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera?
iecompattest().scrollLeft+iecompattest().clientWidth-15 :
window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera?
iecompattest().scrollTop+iecompattest().clientHeight-15 :
window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") :
dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj,
"bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget,
e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
</script>
</head>
<body>
<body bgcolor="#FFFFCC">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="100%" style="border-style: none; border-width: medium"> </td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium"> </td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium">
<p align="right">
<a href="onMouseover=dropdownmenu(this, event, menu1, '150px')onMouseout="delayhidemenu()>Teams</a> |
<a href="onMouseover=dropdownmenu(this, event, menu2, '150px')onMouseout="delayhidemenu()>Divisions</a> |
<a href="onMouseover=dropdownmenu(this, event, menu3, '150px')onMouseout="delayhidemenu()>Miscellaneous</a> |
<a href="onMouseover=dropdownmenu(this, event, menu4, '150px')onMouseout="delayhidemenu()>Last Season</a> |
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium"> </td>
</tr>
</table>
<p></p>
</body></html>
-
-
You had lots of little problems in there... missing quotation marks and tag brackets and such. Also another problem you had was in using an apostrophe in some of the links within the javascript (using '06, for example), which messed up the script.
Replace your code with this and it'll work:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Tyneside Volleyball League Home</title>
<meta http-eqiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="../ddincludes/mainstyle.css" />
<style type="text/css">
#dropmenudiv{
border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:0px solid black; position:absolute;
line-height:18px;
z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}
</style>
<script type="text/javascript">
/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//Teams
var menu1=new Array()
menu1[0]='<a href="http://www.tyneside-volleyball.co.uk/RAFBoulmer.htm">RAF Boulmer</a>'
menu1[1]='<a href="http://www.tyneside-volleyball.co.uk/concordia.htm">Concordia</a>'
menu1[2]='<a href="http://www.tyneside-volleyball.co.uk/dss.htm">Dept. of Social Services</a>'
menu1[3]='<a href="http://www.tyneside-volleyball.co.uk/durhamuniversity.htm">Durham University</a>'
menu1[4]='<a href="http://www.tyneside-volleyball.co.uk/hebburn.htm">Hebburn</a>'
menu1[5]='<a href="http://www.tyneside-volleyball.co.uk/marden.htm">Marden</a>'
menu1[6]='<a href="http://www.tyneside-volleyball.co.uk/newcastlecollege.htm">Newcastle College</a>'
menu1[7]='<a href="http://www.tyneside-volleyball.co.uk/newcastleuniversity.htm">Newcastle University</a>'
menu1[8]='<a href="http://www.tyneside-volleyball.co.uk/southtynesiders.htm">South Tynesiders</a>'
menu1[9]='<a href="http://www.tyneside-volleyball.co.uk/tynedale.htm">Tynedale</a>'
//Divisions
var menu2=new Array()
menu2[0]='<a href="http://www.tyneside-volleyball.co.uk/mensdiv1.htm">Division 1</a>'
menu2[1]='<a href="http://www.tyneside-volleyball.co.uk/mensdiv2.htm">Division 2</a>'
menu2[2]='<a href="http://www.tyneside-volleyball.co.uk/ladies.htm">Ladies</a>'
menu2[3]='<a href="http://www.tyneside-volleyball.co.uk/leaguetables.htm">Tables</a>'
//Miscellaneous
var menu3=new Array()
menu3[0]='<a href="http://www.tyneside-volleyball.co.uk/Background.htm">Division 1</a>'
menu3[1]='<a href="http://www.tyneside-volleyball.co.uk/coaching.htm">Division 2</a>'
menu3[2]='<a href="http://www.tyneside-volleyball.co.uk/competitions.htm">Ladies</a>'
menu3[3]='<a href="http://www.tyneside-volleyball.co.uk/GreekLessons.htm">Learn Greek with Kev</a>'
//Last Season
var menu4=new Array()
menu4[0]='<a href="http://www.tyneside-volleyball.co.uk/mensdiv106.htm">Division 1 06</a>'
menu4[1]='<a href="http://www.tyneside-volleyball.co.uk/mensdiv206.htm">Division 2 06</a>'
menu4[2]='<a href="http://www.tyneside-volleyball.co.uk/ladies06.htm">Ladies 06</a>'
menu4[3]='<a href="http://www.tyneside-volleyball.co.uk/leaguetables06.htm">Tables 06</a>'
var menuwidth='165px' //default menu width
var menubgcolor='lightyellow' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
</script>
</head>
<body bgcolor="#FFFFCC">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="100%" style="border-style: none; border-width: medium"> </td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium"> </td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium">
<p align="right">
<a href="#" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()">Teams</a> |
<a href="#" onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">Divisions</a> |
<a href="#" onMouseover="dropdownmenu(this, event, menu3, '150px')" onMouseout="delayhidemenu()">Miscellaneous</a> |
<a href="#" onMouseover="dropdownmenu(this, event, menu4, '150px')" onMouseout="delayhidemenu()">Last Season</a>
</p>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium"> </td>
</tr>
</table>
</body>
</html>
Last edited by TeeGee; 06-09-2006 at 06:24 PM.
-
-
Drop Down Menu - Getting closer !!!!!
TeeGee
TVM but ... unfortunately I still cant get it to work using Frontpage !!! 
I copied in your html but (on copy) I had to change lots of code i.e. > for '>' and < for '<' 
Revising your code with these changes etc, please see below ... am confident I'm getting closer !!! Thanks VERY much again. Kev
<html>
<head>
<title>Tyneside Volleyball League Home</title>
<meta http-eqiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="../ddincludes/mainstyle.css" />
<style type="text/css">
#dropmenudiv{
border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:0px solid black; position:absolute;
line-height:18px;
z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}
</style>
<script type="text/javascript">
/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//Teams
var menu1=new Array()
menu1[0]='<a href="http://www.tyneside-volleyball.co.uk/RAFBoulmer.htm">RAF Boulmer</a>'
menu1[1]='<a href="http://www.tyneside-volleyball.co.uk/concordia.htm">Concordia</a>'
menu1[2]='<a href="http://www.tyneside-volleyball.co.uk/dss.htm">Dept. of Social Services</a>'
menu1[3]='<a href="http://www.tyneside-volleyball.co.uk/durhamuniversity.htm">Durham University</a>'
menu1[4]='<a href="http://www.tyneside-volleyball.co.uk/hebburn.htm">Hebburn</a>'
menu1[5]='<a href="http://www.tyneside-volleyball.co.uk/marden.htm">Marden</a>'
menu1[6]='<a href="http://www.tyneside-volleyball.co.uk/newcastlecollege.htm">Newcastle College</a>'
menu1[7]='<a href="http://www.tyneside-volleyball.co.uk/newcastleuniversity.htm">Newcastle University</a>'
menu1[8]='<a href="http://www.tyneside-volleyball.co.uk/southtynesiders.htm">South Tynesiders</a>'
menu1[9]='<a href="http://www.tyneside-volleyball.co.uk/tynedale.htm">Tynedale</a>'
//Divisions
var menu2=new Array()
menu2[0]='<a href="http://www.tyneside-volleyball.co.uk/mensdiv1.htm">Division 1</a>'
menu2[1]='<a href="http://www.tyneside-volleyball.co.uk/mensdiv2.htm">Division 2</a>'
menu2[2]='<a href="http://www.tyneside-volleyball.co.uk/ladies.htm">Ladies</a>'
menu2[3]='<a href="http://www.tyneside-volleyball.co.uk/leaguetables.htm">Tables</a>'
//Miscellaneous
var menu3=new Array()
menu3[0]='<a href="http://www.tyneside-volleyball.co.uk/Background.htm">Division 1</a>'
menu3[1]='<a href="http://www.tyneside-volleyball.co.uk/coaching.htm">Division 2</a>'
menu3[2]='<a href="http://www.tyneside-volleyball.co.uk/competitions.htm">Ladies</a>'
menu3[3]='<a href="http://www.tyneside-volleyball.co.uk/GreekLessons.htm">Learn Greek with Kev</a>'
//Last Season
var menu4=new Array()
menu4[0]='a href="http://tyneside-volleyball.co.uk/mensdiv106.htm">Division 1 '06</a>'
menu4[1]='a href="http://tyneside-volleyball.co.uk/mensdiv206.htm">Division 2 '06</a>'
menu4[2]='a href="http://tyneside-volleyball.co.uk/ladies06.htm">Ladies '06</a>'
menu4[3]='a href="http://tyneside-volleyball.co.uk/leaguetables06.htm">Tables '06</a>'
var menuwidth='165px' //default menu width
var menubgcolor='lightyellow' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="dropmenudiv"
style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'"
onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :
totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")?
document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera?
iecompattest().scrollLeft+iecompattest().clientWidth-15 :
window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera?
iecompattest().scrollTop+iecompattest().clientHeight-15 :
window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") :
dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj,
"bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget,
e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
</script>
</head>
<body bgcolor="#FFFFCC">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="100%" style="border-style: none; border-width: medium"> </td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium"> </td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium">
<p align="right">
<a href="#" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()">Teams</a> |
<a href="#" onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">Divisions</a> |
<a href="#" onMouseover="dropdownmenu(this, event, menu3, '150px')" onMouseout="delayhidemenu()">Miscellaneous</a> |
<a href="#" onMouseover="dropdownmenu(this, event, menu4, '150px')" onMouseout="delayhidemenu()">Last Season</a> |
</p>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium"> </td>
</tr>
</table>
</body>
</html>
-
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
Reply With Quote
Bookmarks