pop up menus don't pop

Forum Moderators: open

Message Too Old, No Replies

pop up menus don't pop

Work in preview but not online

Seeking

5:29 am on Dec 15, 2006 (gmt 0)

I created pop menus using Dreamweaver. They worked fine when previewing in Safari and Explorer but stopped working after being uploaded. Any ideas?

penders

8:37 am on Dec 15, 2006 (gmt 0)

Hi Seeking, welcome to WebmasterWorld...

There is no obvious reason why they wouldn't work after having been uploaded, other than that the upload did not complete successfully/corrupted (using the correct ASCII/Binary Transfer type?), or that not all files were uploaded?! Or... perhaps you are using file paths relative to your local file system and not the servers?!

If you post some code we may stand a better chance of solving the problem.

mikehins

2:30 pm on Dec 15, 2006 (gmt 0)

if your javascript skills are like mine maybe you would take a look at this...

[javascript.internet.com ]

that's a great time saver!

Mike

Seeking

3:55 pm on Dec 15, 2006 (gmt 0)

I think the problem was in failing to upload the associated mm_menu.js file. But now that you mentioned it, where in the code can I check the file paths?

rocknbil

7:04 am on Dec 16, 2006 (gmt 0)

You know, I was going to mention that but figured someone would have something wiser to add. :-)

I can't remember what it's called in D.W. (hand-coder here,) but look for the "code view," then look through the page code for anything that still has a local path, like "C:\work\file.js." This needs to change to a path that is relative to your document on the server. So if your .js is loaded in the same directory as the document, it should just be src="file.js".

Seeking

5:56 am on Dec 20, 2006 (gmt 0)

Well, It seems there is still a problem with this script. I made a sample that works after I publish it. But when I show someone else the method, it works for them until it is uploaded and then it doesn't display pop up menus. I'm going to place their code here. Can you see a problem or do you think they are simply neglecting to upload the mm_menu.js file? (I'm pretty sure they are uplaoding that file).

<html>
<head>
<title>Portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">

</style>
<script language="JavaScript">
<!--

function mmLoadMenus() {
if (window.mm_menu_1214012541_0) return;
window.mm_menu_1214012541_0 = new Menu("root",186,20,"",14,"#FFFFFF","#FFFF00","#666666","#0000FF","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
mm_menu_1214012541_0.addMenuItem("Tall Stacks","location='Page1.html'");
mm_menu_1214012541_0.addMenuItem("Riverbend Music Center","location='Page1.html'");
mm_menu_1214012541_0.hideOnMouseOut=true;
mm_menu_1214012541_0.bgColor='#555555';
mm_menu_1214012541_0.menuBorder=1;
mm_menu_1214012541_0.menuLiteBgColor='#FFFFFF';
mm_menu_1214012541_0.menuBorderBgColor='#777777';
window.mm_menu_1214012739_0 = new Menu("root",207,20,"",14,"#FFFFFF","#FFFF00","#666666","#0000FF","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
mm_menu_1214012739_0.addMenuItem("College of Mount St Joseph","location='Page2.html'");
mm_menu_1214012739_0.hideOnMouseOut=false;
mm_menu_1214012739_0.bgColor='#555555';
mm_menu_1214012739_0.menuBorder=1;
mm_menu_1214012739_0.menuLiteBgColor='#FFFFFF';
mm_menu_1214012739_0.menuBorderBgColor='#777777';
window.mm_menu_1214012827_0 = new Menu("root",140,20,"",14,"#FFFFFF","#FFFF00","#666666","#0000FF","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
mm_menu_1214012827_0.addMenuItem("United Mail LLC","location='Page3.html'");
mm_menu_1214012827_0.addMenuItem("DJ Logos","location='Page3.html'");
mm_menu_1214012827_0.hideOnMouseOut=false;
mm_menu_1214012827_0.bgColor='#555555';
mm_menu_1214012827_0.menuBorder=1;
mm_menu_1214012827_0.menuLiteBgColor='#FFFFFF';
mm_menu_1214012827_0.menuBorderBgColor='#777777';

mm_menu_1214012827_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script language="JavaScript1.2">mmLoadMenus();</script>

<table width="790" height="643" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#000000" id="Table_01">
<tr>
<td colspan="15"><img src="images/Portfolio_01.gif" width="786" height="1" alt=""></td>
<td rowspan="15"><img src="images/Portfolio_02.gif" width="3" height="642" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="15"><img src="images/Portfolio_03.gif" width="786" height="98" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="98" alt=""></td>
</tr>
<tr>
<td rowspan="13"><img src="images/Portfolio_04.gif" width="30" height="543" alt=""></td>
<td><a href="Resume.html"><img src="images/Portfolio_05.gif" alt="" width="61" height="29" border="0"></a></td>
<td rowspan="13"><img src="images/Portfolio_06.gif" width="10" height="543" alt=""></td>
<td colspan="3" rowspan="3"><img src="images/Portfolio_07.gif" alt="" name="image1" width="125" height="43" id="image1" onMouseOver="MM_showMenu(window.mm_menu_1214012541_0,0,43,null,'image1')" onMouseOut="MM_startTimeout();"></td>
<td colspan="4" rowspan="3"><img src="images/Portfolio_08.gif" alt="" name="image2" width="125" height="43" id="image2" onMouseOut="MM_showMenu(window.mm_menu_1214012739_0,0,43,null,'image2')"></td>
<td colspan="3" rowspan="2"><img src="images/Portfolio_09.gif" alt="" name="image3" width="129" height="39" id="image3" onMouseOver="MM_showMenu(window.mm_menu_1214012827_0,0,43,null,'image3')"></td>
<td colspan="2" rowspan="11"><img src="images/Portfolio_10.gif" width="306" height="484" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td rowspan="12"><img src="images/Portfolio_11.gif" width="61" height="514" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="8"><img src="images/Portfolio_12.gif" width="5" height="128" alt=""></td>
<td rowspan="2"><img src="images/Portfolio_13.gif" width="108" height="31" alt=""></td>
<td rowspan="8"><img src="images/Portfolio_14.gif" width="16" height="128" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td rowspan="6"><img src="images/Portfolio_15.gif" width="4" height="123" alt=""></td>
<td><img src="images/Portfolio_16.gif" width="111" height="27" alt=""></td>
<td rowspan="6"><img src="images/Portfolio_17.gif" width="10" height="123" alt=""></td>
<td rowspan="4"><img src="images/Portfolio_18.gif" width="7" height="76" alt=""></td>
<td colspan="2" rowspan="3"><img src="images/Portfolio_19.gif" width="109" height="57" alt=""></td>
<td rowspan="4"><img src="images/Portfolio_20.gif" width="9" height="76" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td><img src="images/Portfolio_21.gif" width="111" height="17" alt=""></td>
<td><img src="images/Portfolio_22.gif" width="108" height="17" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td rowspan="3"><img src="images/Portfolio_23.gif" width="111" height="64" alt=""></td>
<td rowspan="3"><img src="images/Portfolio_24.gif" width="108" height="64" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/Portfolio_25.gif" width="109" height="19" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="4"><img src="images/Portfolio_26.gif" width="125" height="365" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td><img src="images/Portfolio_27.gif" width="111" height="15" alt=""></td>
<td rowspan="2"><img src="images/Portfolio_28.gif" width="108" height="16" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="4"><img src="images/Portfolio_29.gif" width="125" height="377" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="images/Portfolio_30.gif" width="129" height="317" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="317" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2"><img src="images/Portfolio_31.gif" width="77" height="59" alt=""></td>
<td colspan="6"><img src="images/Portfolio_32.gif" width="194" height="29" alt=""></td>
<td rowspan="2"><img src="images/Portfolio_33.gif" width="289" height="59" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td colspan="6"><img src="images/Portfolio_34.gif" width="194" height="30" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="30" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="61" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="111" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="70" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="108" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="289" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td></td>
</tr>
</table>

</body>
</html>