PDA

View Full Version : AnyLink Menu - Firefox issue using php include



Steebin
03-11-2010, 05:30 PM
1) Script Title: AnyLink JS Drop Down Menu
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

3) Describe problem:
Nav is using a php include
Workes fine in IE - Issue with navigation in firefox, when you try to select the menu item the menu goes away (like a onrollout when you go past the nav are - view link in firefox to see what I mean)
http://www.manningmanagement.biz/guests/index2.php

Here is the nav.php code

<!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>
<link href="../../site.css" rel="stylesheet" type="text/css" />
<link href="../../guest_content.css" rel="stylesheet" type="text/css" />
<link href="../../footer_new.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../anylinkmenu.css" />
<link rel="stylesheet" type="text/css" href="../anylinkcssmenu.css" />

<script type="text/javascript" src="../menucontents.js"></script>

<script type="text/javascript" src="../anylinkmenu.js">

</script>

<script type="text/javascript">

//anylinkmenu.init("menu_anchors_class") //Pass in the CSS class of anchor links (that contain a sub menu)
anylinkmenu.init("menuanchorclass")

</script>

<script type="text/javascript" src="../anylinkcssmenu.js">

/***********************************************
* AnyLink CSS Menu script v2.0- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm for full source code
***********************************************/

</script>

<script type="text/javascript">
//anylinkcssmenu.init("menu_anchors_class") ////Pass in the CSS class of anchor links (that contain a sub menu)
anylinkcssmenu.init("anchorclass")
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_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_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('buttons/over/buttons_over_r1_c2.png')">
<a href="../index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','buttons/over/buttons_over_r1_c2.png',1)"><img src="buttons/null/buttons_null_r1_c2.png" name="Image6" width="118" height="42" border="0" id="Image6" /></a><a href="../facilities.php" class="menuanchorclass" rel="facilities" data-image="buttons/null/buttons_null_r1_c3.png" data-overimage="buttons/over/buttons_over_r1_c3.png"><img src="buttons/null/buttons_null_r1_c3.png" alt="facilities" width="125" height="42" border="0" /></a> <a href="../golf.php" class="menuanchorclass" rel="golf" data-image="buttons/null/buttons_null_r1_c4.png" data-overimage="buttons/over/buttons_over_r1_c4.png"><img src="buttons/null/buttons_null_r1_c4.png" alt="golf" width="79" height="42" border="0" /> <a href="multimedia.php" class="menuanchorclass" rel="multimedia" data-image="buttons/null/buttons_null_r1_c5.png" data-overimage="buttons/over/buttons_over_r1_c5.png"><img src="buttons/null/buttons_null_r1_c5.png" alt="multimedia" width="143" height="42" border="0" /></a> <a href="../guest_info.php" class="menuanchorclass" rel="guestinfo" data-image="buttons/null/buttons_null_r1_c6.png" data-overimage="buttons/over/buttons_over_r1_c6.png"><img src="buttons/null/buttons_null_r1_c6.png" alt="guest information" width="228" height="42" border="0" /></a> <a href="../membership.php" class="menuanchorclass" rel="membership" data-image="buttons/null/buttons_null_r1_c7.png" data-overimage="buttons/over/buttons_over_r1_c7.png"><img src="buttons/null/buttons_null_r1_c7.png" alt="membership" width="147" height="42" border="0" /></a>
</body>
</html>

Here is my css code for the nav bar:

#nav {
background-image: url(guests/layout_images/layout_r3_c2.png);
height: 42px;
width: 929px;
padding: 0px;
text-align: center;
z-index: 3;
}