Printable Version of Topic
Click here to view this topic in its original format
HTMLHelp Forums _ General Web Design _ PopUp menu doesn't show
Posted by: C-j-123 Jun 1 2007, 09:44 PM
As part of ICT Coursework, I've had to design a site, Im only a little way through it and ran into this little problem.
I tryed using Dreamweaver behaviours to make a pop up menu appear when the Navigation button is click but nothing happens.
I could use the show/hide layer if I needed to, but this ways much quicker and less messy so, may as well try to fix it.
Site: http://nfsmx.12gbfree.com/main.htm
Site Code:
<html>
<head>
<title>NFS Mx - Homepage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript"
>function mmLoadMenus() {
if (window.mm_menu_0602020623_0) return;
window.mm_menu_0602020623_0 = new Menu("root",85,18,"Tahoma",12,"#FFFFFF","#996600","#333333","#000033","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0602020623_0.addMenuItem("New Item");
mm_menu_0602020623_0.addMenuItem("New Item");
mm_menu_0602020623_0.hideOnMouseOut=true;
mm_menu_0602020623_0.bgColor='#555555';
mm_menu_0602020623_0.menuBorder=2;
mm_menu_0602020623_0.menuLiteBgColor='#FFFFFF';
mm_menu_0602020623_0.menuBorderBgColor='#000000';
mm_menu_0602020623_0.writeMenus();
} // mmLoadMenus()<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
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_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_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>
<script language="JavaScript" src="mm_menu.js"></script>
</head>
<body bgcolor="#000000" onLoad="MM_preloadImages('Images/Buttons/Beta%20Template/MxNetworkOVER.png','Images/Buttons/Beta%20Template/The%20GameOVER.png','Images/Buttons/Beta%20Template/GuidesOVER.png','Images/Buttons/Beta%20Template/CheatsOver.png','Images/Buttons/Beta%20Template/DownloadsOVER.png')">
<script language="JavaScript1.2">mmLoadMenus();</script>
<!-- HeaderBegin -->
<div id="MainBody" style="position:absolute; left:126; top:0px; width:767px; height:1000px; z-index:1; background-color: #333333; layer-background-color: #333333; border: 1px none #000000; background-image: url(Images/Backgrounds/Mainbgbeta.png); layer-background-image: url(Images/Backgrounds/Mainbgbeta.png);">
</div>
<div id="Title" style="position:absolute; left:127px; top:0px; width:765px; height:120px; z-index:2;"><img src="Images/BetaTitle%20copy.png" width="765" height="120"></div>
<!-- MenuBegin -->
<div id="MenuBG" style="position:absolute; left:127px; top:120px; width:765px; height:35px; z-index:3; background-image: url(Images/menu%20Bar.png); layer-background-image: url(Images/menu%20Bar.png); border: 1px none #000000;"></div>
<!-- Buttons Begin -->
<!-- Getting the button is Hit and Miss, But using L= Prevous L + W + 3 Helps -->
<div id="NxNetworkButton" style="position:absolute; left:192px; top:120px; width:124px; height:34px; z-index:9"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_swapImage('Image2','','Images/Buttons/Beta%20Template/MxNetworkOVER.png',1);MM_showMenu(window.mm_menu_0602020623_0,122,32,null,'Image2')"><img src="Images/Buttons/Beta%20Template/MxNetwork.png" name="Image2" width="125" height="35" border="0"></a></div>
<div id="TheSeriesButton" style="position:absolute; left:318px; top:120px; width:124px; height:34px; z-index:10"><a href="#" onMouseOver="MM_swapImage('Image3','','Images/Buttons/Beta%20Template/The%20GameOVER.png',1)" onMouseOut="MM_swapImgRestore()"><img src="Images/Buttons/Beta%20Template/the%20games.png" name="Image3" width="125" height="35" border="0"></a></div>
<div id="GuidesButton" style="position:absolute; left:444px; top:120px; width:124px; height:34px; z-index:11"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','Images/Buttons/Beta%20Template/GuidesOVER.png',1)"><img src="Images/Buttons/Beta%20Template/Guides.png" name="Image4" width="125" height="35" border="0"></a></div>
<div id="CheatsButton" style="position:absolute; left:570px; top:120px; width:124px; height:34px; z-index:12"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','Images/Buttons/Beta%20Template/CheatsOver.png',1)"><img src="Images/Buttons/Beta%20Template/Cheats.png" name="Image5" width="125" height="35" border="0"></a></div>
<div id="DownloadsButton" style="position:absolute; left:696px; top:120px; width:124px; height:34px; z-index:13"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','Images/Buttons/Beta%20Template/DownloadsOVER.png',1)"><img src="Images/Buttons/Beta%20Template/Downloads.png" name="Image6" width="125" height="35" border="0"></a></div>
<!-- Buttons End -->
<!-- Menu End -->
<!-- AudioPlayer Begin -->
<div id="MusicPlayer" style="position:absolute; left:127px; top:154px; width:765px; height:25px; z-index:8; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;">
<div align="center"><font color="#FFFFFF">The NFS Mx Audio Player is Underconstruction</font></div>
</div>
<!-- AudioPlayer End -->
</body>
</html>
Tab Appearence:
(Sorry for the lengh,just last time something went screwy with this site, I had to add all this).
Had the idea it was due to the layers limited size, but then I tryed it on the biggest and it still did not work.
---------------------------------------------------------------------------
Also, Could someone tell me how to stream a radiostation so I wouldn't have to fill my AudioPlayers folder with tons of mp3 files.
Posted by: Darin McGrew Jun 2 2007, 12:47 AM
FWIW, your site navigation is completely dependent upon JavaScript. At the very least, you should put real URLs into the href attributes.
Posted by: C-j-123 Jun 2 2007, 06:11 AM
As the site is mostly going to be used on a local server, since thats how coursework examiners use them, the full link going to a website wouldn't work or count.
And using as a link to another file as a full adress wouldn't, due to the files constanly being transfered from my comp, to a flash drive and to the school PC server.
Posted by: Frederiek Jun 2 2007, 06:27 AM
You have HTML comment errors in the script. But even after eliminating them, the script doesn't seem to work. I never understood the extremely complicated javascripts DW always creates. I suggest you go see at http://www.javascriptkit.com or use http://meyerweb.com/eric/css/edge/menus/demo.html.
Posted by: C-j-123 Jun 2 2007, 06:46 AM
Ahhh, CSS is..... really.... REALLY annoying, I can understand really complex php and html, but can't even get the basics of css for some weird reason.
I'll check out those links!
If I used fireworks to make hotspots that show the pop up menus, would that leave the document still editable? or would it make it into a huge table based thing?
Posted by: Frederiek Jun 2 2007, 07:29 AM
I don't know, I don't use Fireworks. I handcode everything.
CSS isn't really so difficult. Sooner or later, you're better off to learn about it.
Go see: http://htmlhelp.com/faq/html/docs.html#about-css.
Posted by: C-j-123 Jun 2 2007, 07:47 AM
Thanks, I'll try to learn it!
*P.S. Fireworks just basicly puts in a Co-rd code (I think thats what its called)*
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)