Forum Moderators: open
Following is the code for the whole page including the menu. If there are any questions please let me know.
I am just trying to make these people happy.
<html>
<head>
<link rel="shortcut icon" href="/favicon.ico" />
<style type="text/css">
A:link{color: black;}
A:visited{color: blue;}
A:hover{color: red;}
</style>
<style type="text/css">
#dropmenudiv{
position:absolute;
border:1px solid black;
font:normal 14px Garamond;
line-height:14px;
z-index:100;
}
</style>
<script type="text/javascript">
<!--HOME-->
//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href="home.html" target="main">Home Page</a><br>'
menu1[0]='<a href="home.html" target="main">Home Page</a><br>'
<!--INFORMATION-->
//Contents for menu 2,
var menu2=new Array()
menu2[0]='<a href="kcaabout.html" target="main">Public Education</a><br><br>'
menu2[1]='<a href="kcapupguide.html" target="main">Acquiring a Keeshond</a><br><br>'
menu2[2]='<a href="kcaspecial.html" target="main">Keeshond Specialties</a><br><br>'
menu2[3]='<a href="BKCspecial.html" target="main">Keeshond Specialty Photos</a><br><br>'
<!--Organizations-->
//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href="kcaregional.html" target="main">Local Keeshond Clubs</a><br><br>'
menu3[1]='<a href="kcabreeders.html" target="main">Breeder Referral</a><br><br>'
menu3[2]='<a href="kcarescue.html" target="main">Keeshond Rescue</a><br><br>'
<!--MEMBERSHIP-->
//Contents for menu 4,
var menu4=new Array()
menu4[0]='<a href="kcaapp.html" target="main">Application & Sponsors</a><br><br>'
menu4[1]='<a href="kcaethics.html" target="main">Code Of Ethics</a><br><br>'
menu4[2]='<a href="kcabylaws.html" target="main">Bylaws</a><br><br>'
menu4[3]='<a href="kcastaff.html" target="main">Officers & Contacts</a><br><br>'
<!--menu4[4]='<a href="mempage.html" target="main">Members Only</a><br><br>'-->
<!--HEALTH-->
//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href="kcahealthnews.html" target="main">Health News</a><br><br>'
menu5[1]='<a href="phptstudy.pdf" target="main">PHPT Study Forms</a><br><br>'
menu5[2]='<a href="healthsurveyresults.pdf" target="main">Health Survey Report</a><br><br>'
menu5[3]='<a href="http://www.akcchf.org" target="main">AKC Canine Health Foundation</a><br><br>'
<!--STANDARD & RULES-->
//Contents for menu 6,
var menu6=new Array()
menu6[0]='<a href="kcabreed.html" target="main">Breed Standard</a><br><br>'
menu6[1]='<a href="kcafut.html" target="main">Futurity Nomination</a><br><br>'
<!--AWARDS-->
//Contents for menu 7
var menu7=new Array()
menu7[0]='<a href="kcahof.html" target="main">Hall of Fame</a><br><br>'
menu7[1]='<a href="halloffamedogs.pdf" target="main">Hall Of Fame Awards</a><br><br>'
menu7[2]='<a href="kcaawards.html" target="main">Top Awards</a><br><br>'
menu7[3]='<a href="KCAROMROMX.pdf" target="main">ROM ROMX</a><br><br>'
menu7[4]='<a href="KCANationalFuturityMaturitywinners.pdf" target="main">National Futurity Maturity Winners</a><br><br>'
menu7[5]='<a href="KCANationalBOBBOSWinners.pdf" target="main">National BOB BOS Winners</a><br><br>'
<!--STATS-->
//Contents for menu 8
var menu8=new Array()
menu8[0]='<a href="kcanewtitles.html" target="main">New Titles</a><br><br>'
menu8[1]='<a href="kcatoptenobed.html" target="main">Top-Ten Obedience</a><br><br>'
menu8[2]='<a href="kcacurrentstand.html" target="main">Current Yr Top Keeshond Standings</a><br><br>'
menu8[3]='<a href="KCAJRSTATS2004.pdf" target="main">KCA Junior Stats 2004</a><br><br>'
<!--STORES-->
//Contents for menu 9,
var menu9=new Array()
menu9[0]='<a href="kcaways.html" target="main">Apparel & Things</a><br><br>'
menu9[1]='<a href="illustratedstandardform.pdf" target="main">Bookstore</a><BR><br>'
<!--KEESHOND LINKS-->
//Contents for menu 10,
var menu10=new Array()
menu10[0]='<a href="kcalinks.html" target="main">Keeshond Links</a><br>'
var menuwidth='165px' //default menu width
var menubgcolor='C3CDFE' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
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=-500
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 windowedge=ie4 &&!window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
}
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 background="back.jpg">
<center>
<table border="1" bordercolor="black" cellPadding=0 cellSpacing=0>
<!-- TOP BAR -->
<td colspan="3" align="center" bgcolor="gray"><img src="header.jpg" width="800" height="109">
<tr>
<td colspan="3" bgcolor="silver" height="25">
 
 
<a href="default1.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()">Home</a>
 ¦ 
<a href="default2.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">Information</a>
 ¦ 
<a href="default3.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '150px')" onMouseout="delayhidemenu()">Organizations</a>
 ¦ 
<a href="default4.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '150px')" onMouseout="delayhidemenu()">Membership</a>
 ¦ 
<a href="default5.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '150px')" onMouseout="delayhidemenu()">Health</a>
 ¦ 
<a href="default6.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu6, '150px')" onMouseout="delayhidemenu()">Standard & Rules</a>  ¦ 
<a href="default7.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu7, '150px')" onMouseout="delayhidemenu()">Awards</a>  ¦ 
<a href="default8.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu8, '150px')" onMouseout="delayhidemenu()">Stats</a>  ¦ 
<a href="default9.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu9, '150px')" onMouseout="delayhidemenu()">Stores</a>
 ¦ 
<a href="default10.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu10, '150px')" onMouseout="delayhidemenu()">Kees Links</a>
<tr>
<!-- MIDDLE BAR -->
<td align="center" valign="top">
<iframe src="home.html" name="main" width="800" height="475" frameborder="0" scrolling="auto">
</iframe>
<tr>
<!-- BOTTOM BAR -->
<td colspan="3" align="center" bgcolor="silver">
<FONT SIZE="-1">Copyright © 1999-2006 Keeshond Club of America. All rights reserved</FONT><br>
<FONT SIZE="-1">Site created and maintained by the Keeshond Club of America, Inc. and  
<a href="http://www.revolutionarywebworks.com">Revolutionary Webworks</a>
               
<SCRIPT LANGUAGE="JavaScript">
var txt = "Bookmark the KCA";
var url = "http://www.keeshond.org";
var who = "Keeshond.org KEESHOND CLUB of AMERICA";
var ver = navigator.appName;
var num = parseInt(navigator.appVersion);
if ((ver == "Microsoft Internet Explorer")&&(num >= 4)) {
document.write('<A HREF="javascript:window.external.AddFavorite(url,who);" ');
document.write('onMouseOver=" window.status=');
document.write("txt; return true ");
document.write('"onMouseOut=" window.status=');
document.write("' '; return true ");
document.write('">'+ txt + '</a>');
}else{
txt += " (Ctrl+D)";
document.write(txt);
}
</script>
</font>
</table>
</center>
</body>
</html>
Firefox's javascript console does throw an error on line 183, "Error: b has no properties"
while (b.parentNode)
Can you elaborate as to what browsers are failing and how they are failing?
Is there a setting on their machine that they need to change?
Do you think that they could be using older browser versions?
Now that I'm at work and can test on IE 5.2.3, I can tell you it is broken on IE. Not only are the boxes empty, they are the width of your layout and misplaced above the header image.
How about instead of trying to fix this script from dynamic drive you move to a CSS drop down from ala? In addition to (probably) being more compatible, a CSS drop down menu will be spiderable by the search engines. Right now, it's highly unlikely that any spider can read any of your links.
I've stickied you the link to a more current CSS dropdown menu if you'd like to go that route. (The one I'm sending still has a lil' bit of javascript, but nothing like what you are using now.)
Thanks again
And, before I completely forget my manners, Welcome to WebmasterWorld!
