Help! Menu image problems

[jwintons]

Hello:

I am testing a horizontal menu on this test page. I am having a problem first with the image. It shows for all of the menu items, I just want it to show for the menu items with submenus. Then it loads with a small box with a red x and won't show until I mouse over the image. How do I get the image to display on page load? And then how do I set the parameters for the image to show only on certain menu items? Thanks!

[Ruth]

The only item in that test main menu that doesn't call a submenu is Home. All the other items have showmenu=links, showmenu=partners and so on, so those four items will get the subimage you have listed in the menuStyle section: subimage="orange_7x7.gif";

I don't know why it's not showing the image, it is there. Try putting in the full path and see if that works

Code: Select all

http://girltalkfoundation.org/images/orange_7x7.gif

You could also try renaming the image to something like orange7x7.gif getting rid of the _ and see if that makes a difference. Just remember to also rename it in the menu_data.js file if you do that.

Hope that helps.

Ruth

[jwintons]

Hello Ruth:

Thanks for the reply. I used the full path. It didn't work. I renamed the image file to 'orange.gif'. Still didn't work. I am baffled. Why won't the images work? Then I also need to tackle putting it into a table, but I will worry about that later. I just want my images to show. Any other solutions?

[Ruth]

I can only suggest you try

Code: Select all

http://girltalkfoundation.org/images/orange.gif

or try

Code: Select all

images/orange.gif

notice there's no forward / in this one before images.

If neither of those work, try moving the arrow to the root directory where you have the menu files and see if that will work. You can also try uploading the image again, perhaps it got corrupted on upload.

As to the table,

Code: Select all

<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=1 bordercolor="#66FF33">
  <TBODY>
  <TR>
    <TD><IMG height=100 src="mainheader2.gif" width=752 
      border=0></TD></TR><TR><TD>
	  <center><table cellpadding="0" cellspacing="0" align="center" border="1" bordercolor="#ffffff">
<tr>
    <td>
<script>
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
margin=2;
orientation="horizontal";
style=menuStyle;
position="relative";
aI("status=Back To Home Page;text=Home;url=http://milonic.com/;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=MyMilonic;text=My Milonic;");
}
drawMenus();
</script>
</td>
</tr>
</table></center></TD></TR></TBODY></TABLE>

Put this on a test page. It has your 'header' image at the top and the menu below it centered. Make sure you take the main menu, which I put in the table, out of the menu_data.js file.

The reason I put it in a table of its own instead of just in the cell I created is that you can then center that table. This is just an example, you can play with it to get it where and how you want it. I put in border=1 and bordercolors in the tables so they show up.

Ruth

[jwintons]

Ruth:

Thank you so much for the table information. I did as you suggested with the 'orange.gif' file. I even moved it to the root folder. No luck. This is the second menu I have tried where the images didn't show up. Please look at the following parameters to ensure that everything is how it should be. I am confused that /images/sand.gif displays just fine, but not the orange arrow. Thanks!

_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;




with(submenuStyle=new mm_style()){
styleid=1;
bgimage="/images/sand.gif";
borderstyle="solid";
fontfamily="Verdana, Tahoma, Arial";
fontsize="8pt";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
imagepadding=8;
offcolor="#BF8303";
oncolor="#8D3B0E";
outfilter="RandomDissolve()";
overfilter="RandomDissolve(duration=0.3)";
padding=4;
pagecolor="pink";
separatorcolor="#F9D55A";
separatorsize=1;

}

with(menuStyle=new mm_style()){
bgimage="/images/sand.gif";
borderstyle="solid";
fontfamily="Verdana, Tahoma, Arial";
fontsize="8pt";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
imagepadding=4;
offcolor="#BF8303";
onborder="#F9D55A";
oncolor="#8D3B0E";
outfilter="Barn( motion=out,orientation=vertical, duration=0.3)";
overfilter="Barn( motion=out,orientation=vertical, duration=0.3)";
padding=4;
pagecolor="pink";
separatorcolor="#F9D55A";
separatorsize=1;
subimage="orange.gif";
subimagepadding=4;

}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=9;
top=100;
margin=2;
orientation="horizontal";
style=menuStyle;
aI("status=Back To Home Page;text=Home;url=http://milonic.com/;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=MyMilonic;text=My Milonic;");
}

with(milonic=new menuname("Milonic")){
margin=2;
style=submenuStyle;
aI("text=Product Purchasing Page;url=http://milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://milonic.com/contact.php;");
aI("text=Newsletter Subscription;url=http://milonic.com/newsletter.php;");
aI("text=FAQ;url=http://milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://forum.milonic.com/;");
aI("text=Software License Agreement;url=http://milonic.com/license.php;");
aI("text=Privacy Policy;url=http://milonic.com/privacy.php;");
}

with(milonic=new menuname("Partners")){
margin=2;
style=submenuStyle;
aI("status=(aq) Web Server Hosting & Services;text=(aq) Web Hosting;url=http://www.a-q.co.uk/;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("text=WebSmith;url=http://www.softidiom.com/?milonicmenu;");
}

with(milonic=new menuname("Links")){
margin=2;
style=submenuStyle;
aI("status=Apache Web Server, the basis of Milonic's Web Site;text=Apache Web Server;url=http://www.apache.org/;");
aI("status=MySQL, Milonic's Prefered Choice of Database Server;text=MySQL Database Server;url=http://ww.mysql.com/;");
aI("status=PHP - Web Server Scripting as used by Milonic;text=PHP - Development;url=http://www.php.net/;");
aI("status=PHP Based Web Forum, Milonic's Recommended Forum Software;text=phpBB Web Forum System;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;status=Anti Spam Solutions, as used by Milonic;text=Anti Spam Tools;");
}

with(milonic=new menuname("Anti Spam")){
margin=2;
style=submenuStyle;
aI("text=Spam Cop;url=http://www.spamcop.net/;");
aI("text=Mime Defang;url=http://www.mimedefang.org/;");
aI("text=Spam Assassin;url=http://www.spamassassin.org/;");
}

with(milonic=new menuname("MyMilonic")){
margin=2;
style=submenuStyle;
aI("text=Login;url=http://milonic.com/login.php;");
aI("text=Licenses;url=http://milonic.com/mylicenses.php;");
aI("text=Invoices;url=http://milonic.com/myinvoices.php;");
aI("text=Make Support Request;url=http://milonic.com/reqsupport.php;");
aI("text=View Support Requests;url=http://milonic.com/mysupport.php;");
aI("text=Your Details;url=http://milonic.com/mydetails.php;");
}

drawMenus();

[Ruth]

Hi,

There is something wrong with your menu files. Perhaps they were corrupted when you uploaded them. Try uploading them again, and make sure you upload them as ascii not binary. The image is working when I use my files.

Ruth

[jwintons]

Hello Ruth:

I hope you are well. I decided to delete the script and reinstall it. I created a folder called 'nav' and extracted the files into it. Following he example you provided, I deleted the mainmenu parameters from the menu_data file. I changed the directory name in the code for where the scripts are placed. Here is the url http://girltalkfoundation.org/test/test3.htm. So the script looks like this:

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
body {
	background-color: #ff66cc;
	margin-top: 2px;
}
.style7 {font-size: 8pt; font-weight: bold; }
.style12 {
	font-size: xx-small;
	font-weight: bold;
}
.style16 {font-size: 8pt; font-weight: bold; color: #FFFFFF; }
.style18 {color: #FFFFFF; font-weight: bold;}
.style19 {font-size: 8px}
-->
</style>
</head>

<body>
<script type="text/javascript" src="nav/milonic_src.js"></script>	
	<div class=milonic><a href="https://milonic.com/">JavaScript Menu, DHTML Menu Powered By Milonic</a></div>
	<script	type="text/javascript">
	if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");		
	  else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>"); 
	</script>
	<script type="text/javascript" src="nav/menu_data.js"></script>	
	<table width="752" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="100" align="center" valign="top"><img name="mainheader2" src="images/mainheader2.gif" width="752" height="107" border="1" usemap="#m_mainheader2" alt="Home"></td>
  </tr>
  <tr> 
    <td> 
<script type="text/javascript"> 
with(new menuname("Main Menu")){ 
alwaysvisible=1; 
margin=2; 
orientation="horizontal"; 
style=menuStyle; 
position="relative"; 
aI("status=Back To Home Page;text=Home;url=http://milonic.com/;"); 
aI("showmenu=Milonic;text=Milonic;"); 
aI("showmenu=Partners;text=Partners;"); 
aI("showmenu=Links;text=Links;"); 
aI("showmenu=MyMilonic;text=My Milonic;"); 
} 
drawMenus(); 
</script> 

</td> 
</tr> 
<tr>
    <td height="30" align="center" valign="top">&nbsp;</td>
  </tr>
</table>
</body>
</html>

I don't know what to do now because the menu doesn't show at all. Can you please look at what I am doing and tell me where I am going wrong? Sorry to be such a problem, but this 'thing' isn't working for me and I am about ready to request a refund. Thanks![/code]

[Ruth]

Hi,

Take a look at the paths....

Code: Select all

<script type="text/javascript" src="nav/milonic_src.js"></script>    
   <div class=milonic><a href="https://milonic.com/">JavaScript Menu, DHTML Menu Powered By Milonic</a></div> 
   <script   type="text/javascript"> 
   if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");       
     else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>"); 
   </script> 
   <script type="text/javascript" src="nav/menu_data.js"></script>    

You forgot to change the scr= for mmenuns4.js and mmenudom.js, left out the nav/

But, good news, I just download and tested the page with your files and it shows everything

Ruth

[jwintons]

Hello Ruth:

Good morning. I thought of that last night after I sent you the post and that didn't work either (correcting the paths). Do you think I should pull menudom, mmenuns, and menu data out of the nav folder and just put it on the root of the test directory? I still just get a page with the words 'Done with Errors' in the status line and the header graphic. No navigation is on the page at all.

[Andy]

This should do it:

Code: Select all

	<script type="text/javascript" src="http://girltalkfoundation.org/nav/milonic_src.js"></script>    
   <div class=milonic><a href="https://milonic.com/">JavaScript Menu, DHTML Menu Powered By Milonic</a></div> 
   <script   type="text/javascript"> 
   if(ns4)_d.write("<scr"+"ipt type=text/javascript src=http://girltalkfoundation.org/nav/mmenuns4.js><\/scr"+"ipt>");        
     else _d.write("<scr"+"ipt type=text/javascript src=http://girltalkfoundation.org/nav/mmenudom.js><\/scr"+"ipt>"); 
   </script> 
   <script type="text/javascript" src="http://girltalkfoundation.org/nav/menu_data.js"></script>

Provided all the files are uploaded to the /nav/ direcory.

Hope this helps,
Andy

[jwintons]

Hello:

I hope you are doing well. I just wanted to tell you that I found out what the problem was... the parameters menu_data, mmenudom....etc. had to be placed on the root. They could not be inside of the nav folder. Everything works perfectly now. I am so happy. Thanks again.