Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:36

Help! Menu image problems


Poster: jwintons
Dated: Wednesday August 10 2005 - 2:10:09 BST

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!


Poster: Ruth
Dated: Wednesday August 10 2005 - 5:01:52 BST

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:
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

Still not working


Poster: jwintons
Dated: Thursday August 11 2005 - 3:31:32 BST

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?


Poster: Ruth
Dated: Thursday August 11 2005 - 3:49:06 BST

I can only suggest you try
Code:
http://girltalkfoundation.org/images/orange.gif


or try
Code:
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:
<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://www.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


Poster: jwintons
Dated: Thursday August 11 2005 - 4:16:37 BST

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://www.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://www.milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("text=Privacy Policy;url=http://www.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://www.milonic.com/login.php;");
aI("text=Licenses;url=http://www.milonic.com/mylicenses.php;");
aI("text=Invoices;url=http://www.milonic.com/myinvoices.php;");
aI("text=Make Support Request;url=http://www.milonic.com/reqsupport.php;");
aI("text=View Support Requests;url=http://www.milonic.com/mysupport.php;");
aI("text=Your Details;url=http://www.milonic.com/mydetails.php;");
}

drawMenus();


Poster: Ruth
Dated: Thursday August 11 2005 - 5:40:58 BST

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

This is driving me crazy-embedding a menu in a table cell


Poster: jwintons
Dated: Monday August 15 2005 - 5:28:46 BST

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:
<!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="http://www.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://www.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]


Poster: Ruth
Dated: Monday August 15 2005 - 5:48:39 BST

Hi,

Take a look at the paths....
Code:
<script type="text/javascript" src="nav/milonic_src.js"></script>   
   <div class=milonic><a href="http://www.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

Oh no


Poster: jwintons
Dated: Monday August 15 2005 - 12:58:51 BST

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.


Poster: Andy
Dated: Monday August 15 2005 - 14:53:54 BST

This should do it:



Code:
   <script type="text/javascript" src="http://girltalkfoundation.org/nav/milonic_src.js"></script>   
   <div class=milonic><a href="http://www.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

Success at last


Poster: jwintons
Dated: Tuesday August 16 2005 - 13:11:16 BST

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.