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

Problem with list based menu example


Poster: jashan
Dated: Wednesday April 6 2005 - 23:38:05 BST

I've tried working with the list based menu example for a horizontal menu which was found in the extras/listbased folder. The download was at http://www.milonic.com/download.php?sampleid=1.

The example displayed correctly and then I followed the instructions below to hide the list and just keep the menu.

Quote:
If you want to hide the list based menu, you just need to add class=milonic to the first < UL > - It is shown here purely for demonstration.


After adding class=milonic to the first < UL >, I lost the formating on the navigation bar. I tried having milonic with and without quotes and get the same result. You can see what is happening at ... (link removed). Any ideas as to what I am doing wrong? It is probably something simple that I just overlooked.

Thanks.

Jeff


Poster: jashan
Dated: Friday April 8 2005 - 10:32:58 BST

Hi,

I'm still not able to get the list based menu working. Could someone who has successfully set up a list-based menu using this script take a look? I would really appreciate it. If any additional information would help, I would be happy to provide it.

Thank you.

Jeff


Poster: Ruth
Dated: Friday April 8 2005 - 14:59:59 BST

Hi Jeff,

Well, I got it to work. I don't think this is how it's supposed to be used, so I've made a report. If you take the example page that gets unzipped for that menu, leave all the menu coding as it is i.e. it's in script tags on the page itself, no listmenus.js module called, and put another
Code:
<ul></ul>
to bracket the menu items that are there, put the class="milonic" in that new ul bracket and it works fine. I don't use lists so I have no idea if there's just a missing
Code:
<ul> or </ul>
someplace in the code and if it were added the class="milonic" would work in the original beginning
Code:
<ul>


But, I did try to
Code:
<!--
code out the _y5 stuff, the coding that's in the script tags on the page and is the listmenus.js module code, and call the module, but that doesn't work at all. I'm sure you're not supposed to have to have the _y5 stuff on the page itself, that's in the listmenus.js module. I would think you're supposed to call that module like you call the milonic_src, mmenudom and mmenuns4 files, but if I try it that way the whole menu disappears.

I wanted you to know how you can make it work for now and that I've made a report on it. But, I am not a code person, so there may be nothing wrong, I just may be doing something wrong in trying to implement it. As soon as I get a response I'll let you know.

Ruth


Poster: jashan
Dated: Friday April 8 2005 - 17:37:14 BST

Thank you for your help Ruth!

Adding the extra
Code:
<ul> </ul>
got it working for me.

Thanks for submitting the report. I will hold off on purchasing the script until I get confirmation the code for list based menus is correct.

In the meantime, I'll see if I can get my vertical menu looking just the way I want it. :)


Poster: Ruth
Dated: Friday April 8 2005 - 21:00:33 BST

Hi Jeff,
Go and download the pre-release version 5.720

You have two ways to do the list-based menu. The way it is on the page now, notice that the menustyle is put in script tags:

Code:
<body>
<!-- Milonic DHTML Website Navigation Menu Version 5.0+
    Copyright 2005 (c) Milonic Solutions Limited (UK). All Rights Reserved.
    Please visit http://www.milonic.com/ for more information.

    Although this software may have been freely downloaded, you must obtain a license before using it in any production environment.      
    The free use of this menu is only available for Non-Profit, Educational & Personal Web Sites who have obtained a license to use.
   
    Free, Commercial and Corporate Licenses are available from our website.
    You also need to include a link back to http://www.milonic.com/ if you use the free license.
   
    All Copyright notices MUST remain in place at ALL times.
    This includes the first three lines of this notice on every page that uses the menu.
    If you cannot comply with all of the above requirements, please contact us to arrange a license waiver.
-->   

<script type="text/javascript" src="milonic_src.js"></script>   
<a class=milonic href="http://www.milonic.com/">JavaScript Menu, DHTML Menu Powered By Milonic</a>
<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>


<ul class="milonic">
<ul>
   <li><a href=index.html>Home</a></li>
   <li><a href=#>Milonic</a>
   <ul>
      <li><a href=http://www.milonic.com/cbuy.php>Product Purchasing Page</a></li>
      <li><a href=http://www.milonic.com/contactus.php>Contact Us</a></li>
      <li><a href=http://www.milonic.com/newsletter.php>Newsletter Subscription</a></li>
      <li><a href=http://www.milonic.com/menufaq.php>FAQ</a></li>
      <li><a href=http://www.milonic.com/forum/>Discussion Forum</a></li>
      <li><a href=http://www.milonic.com/licenses.php>Software License Agreement</a></li>
      <li><a href=http://www.milonic.com/privacy.php>Privacy Policy</a></li>
   </ul>
   </li>
   <li><a href=#>Partners</a>
   <ul>
      <li><a href=htpp://www.a-q.co.uk/?milonicmenu>(aq) Web Hosting</a></li>
      <li><a href=htpp://www.softidiom.com/?milonicmenu>WebSmith</a></li>
      <li><a href=htpp://www.sms2email.com/?milonicmenu>SMS 2 Email</a></li>
   </ul>
   </li>
   <li><a href=#>Links</a>
   <ul>
      <li><a href=http://www.apache.org/>Apache Web Server</a></li>
      <li><a href=htpp://www.mysql.com/>MySQL Database Server</a></li>
      <li><a href=htpp://www.php.net/>PHP - Development</a></li>
      <li><a href=htpp://www.phpbb.com/>phpBB Web Forum System</a></li>
      <li><a href=#>Anti Spam Tools</a><ul>
         <li><a href=htpp://www.spamcop.net/>Spam Cop</a></li>
         <li><a href=htpp://www.mimedefang.org/>Mime Defang</a></li>
         <li><a href=htpp://www.spamassasin.com/>Spam Assassin</a></li>
      </ul>
      </li>
   </ul>
   </li>
   <li><a href=#>My Milonic - Other Style</a>
   <ul class=menuStyle2>
      <li><a href=http://www.milonic.com/login.php>Login</a></li>
      <li><a href=http://www.milonic.com/mylicenses.php>My Licenses</a></li>
      <li><a href=http://www.milonic.com/myinvoices.php>My Invoices</a></li>
      <li><a href=http://www.milonic.com/support/>Make Support Request</a></li>
      <li><a href=http://www.milonic.com/support/>View Support Requests</a></li>
      <li><a href=http://www.milonic.com/mydetails.php>Your Details</a></li>
   </ul>
   </li>
</ul>
</ul>

<script>
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;

with(menuStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#eeeeee";
offcolor="#000000";
onbgcolor="#ddffdd";
oncolor="#000099";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}

with(menuStyle2=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Arial";
fontsize="14px";
fontstyle="normal";
offbgcolor="darkblue";
offcolor="yellow";
onbgcolor="#ffffff";
oncolor="#ff0000";
padding="6px"
}

listStyle=menuStyle; // Tells the menu system to use menuStyle as the default style
mainMenuSettings="alwaysvisible=true;orientation='horizontal';top=10;left=10;" // Properties for the main menu
</script>
<script type="text/javascript" src="listmenus.js"></script>
</body>
Notice there is the listmenu.js file after the menu coding.

The second way to do it is to take the menustyles out of the script tags and put that into a separate file just like the normal menu_data.js file and keeping all the rest the same on the page.
Code:
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;

with(menuStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#eeeeee";
offcolor="#000000";
onbgcolor="#ddffdd";
oncolor="#000099";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}

with(menuStyle2=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Arial";
fontsize="14px";
fontstyle="normal";
offbgcolor="darkblue";
offcolor="yellow";
onbgcolor="#ffffff";
oncolor="#ff0000";
padding="6px"
}

listStyle=menuStyle; // Tells the menu system to use menuStyle as the default style
mainMenuSettings="alwaysvisible=true;orientation='horizontal';top=10;left=10;" // Properties for the main menu


You'd name the file and call it with the milonic_src.js, mmenudom.js, mmenuns4.js files at the top right after the body tag. Keep the call for the listmenu.js file where it is after the actual list menu.

Code:
<script type="text/javascript" src="milonic_src.js"></script>   
<a class=milonic href="http://www.milonic.com/">JavaScript Menu, DHTML Menu Powered By Milonic</a>
<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="list_style_data.js"></script>   


Sorry it took me so long to work this out. There isn't anything wrong with the menu, but in the 7.19 release there is no listmenu.js file yet, this was still being developed so it was all on the page.

Ruth


Poster: jashan
Dated: Saturday April 9 2005 - 19:57:06 BST

Ruth,

Thank you for your detailed follow up! I really appreciate your help.

I downloaded the beta version and it worked the same for me as the current release version. In the release version there is a directory extras/listbased/, which has the listmenus.js file. As far as I could tell, the beta version has the exact same file. Is there something that should be different with the beta version?

Right now I am working on getting my vertical menu to look how I would like and I am making good progress. :)


Poster: Ruth
Dated: Saturday April 9 2005 - 21:31:04 BST

Well, I don't know what to say. It works for me. Put the 3 base program files [milonic_src, mmenudom, mmenuns4] the listmenus.js file and the arrow.gif into a separate folder. Then copy the below and paste it in whatever you use to make your html pages, and save it to that same folder. It should work fine, showing the menu at the top and no list at the bottom.

Code:
<html>
<head>
<title>Milonic DHTML/JavaScript Menu Sample Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
BODY{
   FONT-FAMILY:verdana;
   font-size:12px;
   background-color:#FFFFFF;
}

.backG {
   FONT-FAMILY:verdana;
   background-color:#93c39b;
   color:#ffffff;
   border-bottom:#538c4d 2px solid;
   font-size:12px;
}   
td.form1
{
   FONT-FAMILY:verdana;
   background:#eaeaea;
   font-size:12px;
}

</style>   
</head>

<body>
<!--
    Milonic DHTML Website Navigation Menu Version 5.0+
    Copyright 2005 (c) Milonic Solutions Limited (UK). All Rights Reserved.
    Please visit http://www.milonic.com/ for more information.

    Although this software may have been freely downloaded, you must obtain a license before using it in any production environment.      
    The free use of this menu is only available for Non-Profit, Educational & Personal Web Sites who have obtained a license to use.
   
    Free, Commercial and Corporate Licenses are available from our website.
    You also need to include a link back to http://www.milonic.com/ if you use the free license.
   
    All Copyright notices MUST remain in place at ALL times.
    This includes the first three lines of this notice on every page that uses the menu.
    If you cannot comply with all of the above requirements, please contact us to arrange a license waiver.
-->   

<!--   ***** This is the section of code you need to paste into your web page *****-->
<script type="text/javascript" src="milonic_src.js"></script>   
<a class=milonic href="http://www.milonic.com/">JavaScript Menu, DHTML Menu Powered By Milonic</a>
<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>

<BR>
<BR>
<BR>
List based menus are getting quite popular because of the way search engines can see the links and that the menu structure is built using plain HTML.
<br>
<br>
The above menu has been built using the following HTML List. As you can see, editing the HTML automatically has an effect on the DHTML menu.<br>
<br>
If you want to hide the list based menu, you just need to add class=milonic to the first &lt;UL> - It is shown here purely for demonstration.<br>
<br>
Another advantage of using this type of menu is that users with JavaScript turned off can still see a menu to navigate your website.<br>
<br>
This menu is still a work in progress and more will be added to it in due course.
<br>
<br>
Please note that the "My Milonic - Other Style" menu uses a different style and is declared using the "class=" property.

<ul class="milonic">
<ul>
   <li><a href=index.html>Home</a></li>
   <li><a href=#>Milonic</a>
   <ul>
      <li><a href=http://www.milonic.com/cbuy.php>Product Purchasing Page</a></li>
      <li><a href=http://www.milonic.com/contactus.php>Contact Us</a></li>
      <li><a href=http://www.milonic.com/newsletter.php>Newsletter Subscription</a></li>
      <li><a href=http://www.milonic.com/menufaq.php>FAQ</a></li>
      <li><a href=http://www.milonic.com/forum/>Discussion Forum</a></li>
      <li><a href=http://www.milonic.com/licenses.php>Software License Agreement</a></li>
      <li><a href=http://www.milonic.com/privacy.php>Privacy Policy</a></li>
   </ul>
   </li>
   <li><a href=#>Partners</a>
   <ul>
      <li><a href=htpp://www.a-q.co.uk/?milonicmenu>(aq) Web Hosting</a></li>
      <li><a href=htpp://www.softidiom.com/?milonicmenu>WebSmith</a></li>
      <li><a href=htpp://www.sms2email.com/?milonicmenu>SMS 2 Email</a></li>
   </ul>
   </li>
   <li><a href=#>Links</a>
   <ul>
      <li><a href=http://www.apache.org/>Apache Web Server</a></li>
      <li><a href=htpp://www.mysql.com/>MySQL Database Server</a></li>
      <li><a href=htpp://www.php.net/>PHP - Development</a></li>
      <li><a href=htpp://www.phpbb.com/>phpBB Web Forum System</a></li>
      <li><a href=#>Anti Spam Tools</a><ul>
         <li><a href=htpp://www.spamcop.net/>Spam Cop</a></li>
         <li><a href=htpp://www.mimedefang.org/>Mime Defang</a></li>
         <li><a href=htpp://www.spamassasin.com/>Spam Assassin</a></li>
      </ul>
      </li>
   </ul>
   </li>
   <li><a href=#>My Milonic - Other Style</a>
   <ul class=menuStyle2>
      <li><a href=http://www.milonic.com/login.php>Login</a></li>
      <li><a href=http://www.milonic.com/mylicenses.php>My Licenses</a></li>
      <li><a href=http://www.milonic.com/myinvoices.php>My Invoices</a></li>
      <li><a href=http://www.milonic.com/support/>Make Support Request</a></li>
      <li><a href=http://www.milonic.com/support/>View Support Requests</a></li>
      <li><a href=http://www.milonic.com/mydetails.php>Your Details</a></li>
   </ul>
   </li>
</ul>
</ul>

<script>
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;

with(menuStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#eeeeee";
offcolor="#000000";
onbgcolor="#ddffdd";
oncolor="#000099";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}

with(menuStyle2=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Arial";
fontsize="14px";
fontstyle="normal";
offbgcolor="darkblue";
offcolor="yellow";
onbgcolor="#ffffff";
oncolor="#ff0000";
padding="6px"
}

listStyle=menuStyle; // Tells the menu system to use menuStyle as the default style
mainMenuSettings="alwaysvisible=true;orientation='horizontal';top=10;left=10;" // Properties for the main menu
</script>
<script type="text/javascript" src="listmenus.js"></script>
</body>
</html>


It's tested and working here in IE5.5, Netscape 7, Firefox 1.0.2 and Opera 7.54

If this doesn't work for you, can you please upload a test page..a new one with the new files?

Ruth


Poster: jashan
Dated: Saturday April 9 2005 - 22:59:47 BST

Hi Ruth,

I apologize if there was a misunderstanding. In my third post, I mentioned that by following your suggestion and adding an extra < ul >, I was able to get the menus displaying correctly for me. I thought you mentioned trying out the beta because it had some changes related to list based menus. So, thanks to your help, I was able to get things working. I just was not sure if there was a problem with the scripts since the additional < ul > was needed.

I have now been trying to add my vertical menu to my web page. Do you know if the instructions for embedding a menu inside a table cell on the page at http://www.milonic.com/tablemenu.php will work for list based menus? I'm a little confused.

Thanks.

Jeff


Poster: Ruth
Dated: Sunday April 10 2005 - 0:30:28 BST

As far as I know you can put it in a table. Normally you would put the 'main menu' into the table cell, but since the listbased is all the menus, I think you'll have to leave all of them there. Take all of the listbased menu and the other coding [the menustyles] in the script tags and the call for the listmenu.js and copy that to a table cell. Then change the mainMenuSettings= to 'alwaysvisible=true;position='relative'; Leave out the orientation='horizontal';top=10;left=10; The default orientation is vertical so you don't need to list that. And, since this is in a table cell, the top= left= do not function, and in some cases if left in can cause problems in some browsers.

That should work.

Ruth


Poster: jashan
Dated: Sunday April 10 2005 - 13:26:06 BST

Thank you again Ruth. I was able to place the menu in a cell.

As I was testing, I ran into a couple of other things.

1) There is a lot of extra space at the bottom of the page. This can be seen on the page at ... (link removed). I'm sure it must be caused by the list menu, but how can I remove all this extra space?

2) Is there any way to have the menu show the top level menu (MILONIC, Essentials, etc.) when someone has Javascript turned off? Currently, with Javascript off, all the list menus show up and that would affect the whole layout of the page. You can see what happens by turning Javascript off on your browser and going to the link in #1.

Thanks.

Jeff


Poster: Ruth
Dated: Sunday April 10 2005 - 15:10:12 BST

Hi Jeff,
I will take a look at this and do some experiments, but what I really need is your layout and where you will have your menu in that layout. I have to see how all the layout is to have some options on how to do what you want.

jashan wrote:
2) Is there any way to have the menu show the top level menu (MILONIC, Essentials, etc.) when someone has Javascript turned off?


No you can't show the top level if javascript is off. It uses javascript to function, so if it is off, the menu is not available, except the listmenu, of course.

Ruth


Poster: jashan
Dated: Sunday April 10 2005 - 17:00:04 BST

Hi Ruth,

You can get an idea on our layout from the page at ... (link removed).

The navigation will only appear in the left column.

Jeff


Poster: Ruth
Dated: Monday April 11 2005 - 1:03:55 BST

Hi Jeff,
Well, there was only one way I could work it so that you didn't have that space at the bottom. To do that you need to put your list menu you have on the page into noscript tags, and to put your data into a file and load it as a regular menu.

This would be your data file, based on what you have now:
Code:
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;

with(menuStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="13px";
fontstyle="normal";
fontweight="bold";
itemwidth=130;
headerbgcolor="#006699";
headercolor="#FFFFFF";
offbgcolor="#006699";
offcolor="#FFFFFF";
onbgcolor="#CC3333";
oncolor="#FFFFFF";
overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#777777', Direction=135, Strength=3)";
padding=5;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}

with(menuStyle2=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana";
fontsize="11px";
fontstyle="normal";
ondecoration='underline';
offbgcolor="#D7EEFA";
offcolor="#006699";
padding="6px"
}


with(milonic=new menuname("essentials")){
style=menuStyle2;
aI("text=Map;url=http://www.myczechrepublic.com/basics/czech_map.html;");
aI("text=Basic Facts;url=http://www.milonic.com/contactus.php;");
aI("text=Embassies &amp; Visas;url=http://www.milonic.com/newsletter.php;");
aI("text=Czech Currency;url=http://www.milonic.com/menufaq.php;");
aI("text=Czech History;url=http://www.milonic.com/forum/;");
aI("text=Regions;url=http://www.milonic.com/license.php;");
aI("text=Weather;url=http://www.milonic.com/privacy.php;");
aI("text=Telecommunications;url=http://www.milonic.com/forum/;");
aI("text=Shopping;url=http://www.milonic.com/license.php;");
aI("text=Trivia &amp; Quizzes;url=http://www.milonic.com/privacy.php;");
aI("text=Daily Czech News;url=http://www.milonic.com/privacy.php;");
}
with(milonic=new menuname("prague guide")){
style=menuStyle2;
style=menuStyle;
aI("status=(aq) Web Server Hosting & Services;text=(aq) Web Hosting;url=http://www.a-q.co.uk/;");
aI("text=WebSmith;url=websmith;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
}

with(milonic=new menuname("trip plan")){
style=menuStyle2;
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;");
}
with(milonic=new menuname("culture")){
style=menuStyle2;
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;");
}
with(milonic=new menuname("language")){
style=menuStyle2;
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;");
}
with(milonic=new menuname("photo")){
style=menuStyle2;
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;");
}
with(milonic=new menuname("shopping")){
style=menuStyle2;
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;");
}
with(milonic=new menuname("links")){
style=menuStyle2;
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();

This would be that cell in the table:
Code:
       <noscript> <UL>
                <LI><A
                href="http://www.myczechrepublic.com/menu_beta/extras/listbased/index.html">Home</A>

                <LI><A
                href="http://www.myczechrepublic.com/basics/">Essentials</A>
                <UL class=menuStyle2>
                  <LI><A
                  href="http://www.myczechrepublic.com/basics/czech_map.html">Map</A>

                  <LI><A
                  href="http://www.myczechrepublic.com/basics/facts.html">Basic
                  Facts</A>
                  <LI><A
                  href="http://www.myczechrepublic.com/embassy_visa/">Embassies
                  &amp; Visas</A>
                  <LI><A
                  href="http://www.myczechrepublic.com/basics/czech_currency.html">Czech
                  Currency</A>
                  <LI><A
                  href="http://www.myczechrepublic.com/basics/czech_history.html">Czech
                  History</A>
                  <LI><A
                  href="http://www.myczechrepublic.com/regions.html">Regions</A>

                  <LI><A
                  href="http://www.myczechrepublic.com/weather/index.php">Weather</A>

                  <LI><A
                  href="http://www.myczechrepublic.com/basics/telecommunications.html">Telecommunications</A>

                  <LI><A
                  href="http://www.myczechrepublic.com/basics/shopping.html">Shopping</A>

                  <LI><A
                  href="http://www.myczechrepublic.com/basics/trivia/">Trivia
                  &amp; Quizzes</A>
                  <LI><A
                  href="http://www.myczechrepublic.com/czech_news/csnews.html">Daily
                  Czech News</A> </LI></UL>
                <LI><A
                href="http://www.myczechrepublic.com/menu_beta/extras/listbased/index_test.html#">Prague
                Guide</A>
                <UL class=menuStyle2>
                  <LI><A href="htpp://www.a-q.co.uk/?milonicmenu">(aq) Web
                  Hosting</A>
                  <LI><A
                  href="htpp://www.softidiom.com/?milonicmenu">WebSmith</A>
                  <LI><A href="htpp://www.sms2email.com/?milonicmenu">SMS 2
                  Email</A> </LI></UL>
                <LI><A
                href="http://www.myczechrepublic.com/menu_beta/extras/listbased/index_test.html#">Trip
                Planner</A>
                <UL class=menuStyle2>
                  <LI><A href="http://www.apache.org/">Apache Web Server</A>
                  <LI><A href="htpp://www.mysql.com/">MySQL Database Server</A>
                  <LI><A href="htpp://www.php.net/">PHP - Development</A>
                  <LI><A href="htpp://www.phpbb.com/">phpBB Web Forum System</A>

                  <LI><A
                  href="http://www.myczechrepublic.com/menu_beta/extras/listbased/index_test.html#">Anti
                  Spam Tools</A>
                  <UL>
                    <LI><A href="htpp://www.spamcop.net/">Spam Cop</A>
                    <LI><A href="htpp://www.mimedefang.org/">Mime Defang</A>
                    <LI><A href="htpp://www.spamassasin.com/">Spam Assassin</A>
                    </LI></UL></LI></UL>
                <LI><A
                href="http://www.myczechrepublic.com/menu_beta/extras/listbased/index_test.html#">Culture</A>

                <UL class=menuStyle2>
                  <LI><A href="http://www.milonic.com/login.php">Login</A>
                  <LI><A href="http://www.milonic.com/mylicenses.php">My
                  Licenses</A>
                  <LI><A href="http://www.milonic.com/myinvoices.php">My
                  Invoices</A>
                  <LI><A href="http://www.milonic.com/support/">Make Support
                  Request</A>
                  <LI><A href="http://www.milonic.com/support/">View Support
                  Requests</A>
                  <LI><A href="http://www.milonic.com/mydetails.php">Your
                  Details</A> </LI></UL>
                <LI><A
                href="http://www.myczechrepublic.com/menu_beta/extras/listbased/index_test.html#">Language</A>

                <UL class=menuStyle2>
                  <LI><A href="http://www.milonic.com/login.php">Login</A>
                  <LI><A href="http://www.milonic.com/mylicenses.php">My
                  Licenses</A>
                  <LI><A href="http://www.milonic.com/myinvoices.php">My
                  Invoices</A>
                  <LI><A href="http://www.milonic.com/support/">Make Support
                  Request</A>
                  <LI><A href="http://www.milonic.com/support/">View Support
                  Requests</A>
                  <LI><A href="http://www.milonic.com/mydetails.php">Your
                  Details</A> </LI></UL>
                <LI><A
                href="http://www.myczechrepublic.com/menu_beta/extras/listbased/index_test.html#">Photo
                Gallery</A>
                <UL class=menuStyle2>
                  <LI><A href="http://www.milonic.com/login.php">Login</A>
                  <LI><A href="http://www.milonic.com/mylicenses.php">My
                  Licenses</A>
                  <LI><A href="http://www.milonic.com/myinvoices.php">My
                  Invoices</A>
                  <LI><A href="http://www.milonic.com/support/">Make Support
                  Request</A>
                  <LI><A href="http://www.milonic.com/support/">View Support
                  Requests</A>
                  <LI><A href="http://www.milonic.com/mydetails.php">Your
                  Details</A> </LI></UL>
                <LI><A
                href="http://www.myczechrepublic.com/menu_beta/extras/listbased/index_test.html#">Shopping</A>

                <UL class=menuStyle2>
                  <LI><A href="http://www.milonic.com/login.php">Login</A>
                  <LI><A href="http://www.milonic.com/mylicenses.php">My
                  Licenses</A>
                  <LI><A href="http://www.milonic.com/myinvoices.php">My
                  Invoices</A>
                  <LI><A href="http://www.milonic.com/support/">Make Support
                  Request</A>
                  <LI><A href="http://www.milonic.com/support/">View Support
                  Requests</A>
                  <LI><A href="http://www.milonic.com/mydetails.php">Your
                  Details</A> </LI></UL>
                <LI><A
                href="http://www.myczechrepublic.com/menu_beta/extras/listbased/index_test.html#">Link
                Directory</A>
                <UL class=menuStyle2>
                  <LI><A href="http://www.milonic.com/login.php">Login</A>
                  <LI><A href="http://www.milonic.com/mylicenses.php">My
                  Licenses</A>
                  <LI><A href="http://www.milonic.com/myinvoices.php">My
                  Invoices</A>
                  <LI><A href="http://www.milonic.com/support/">Make Support
                  Request</A>
                  <LI><A href="http://www.milonic.com/support/">View Support
                  Requests</A>
                  <LI><A href="http://www.milonic.com/mydetails.php">Your
                  Details</A> </LI></UL></LI></UL></noscript>
            <SCRIPT>
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
style=menuStyle;
itemwidth=130;
position="relative";
aI("text=Home;url=http://www.myczechrepublic.com/menu_beta/extras/listbased/index.html;");
aI("showmenu=essentials;text=Essentials;");
aI("showmenu=prague guide;text=Prague Guide;");
aI("showmenu=trip plan;text=Trip Planner;");
aI("showmenu=culture;text=Culture;");
aI("showmenu=language;text=Language;");
aI("showmenu=photo;text=Photo Gallery;");
aI("showmenu=shopping;text=Shopping;");
aI("showmenu=links;text=Link Directory;");

}
drawMenus();

</SCRIPT>

And this would be your call for the menu files [name the data file whatever you want if you decide to go this way]
Code:
<SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
<A class=milonic href="http://www.milonic.com/">JavaScript Menu, DHTML Menu
Powered By Milonic</A>
<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 src="with_data.js" type=text/javascript></SCRIPT>


You would then still have a list menu if the person had javascript turned off.

Based on the files you have now, your page is 26KBs, the new one 25, the listmenus.js file is 2KBs and the data.js file is 5KB, so you have an increase of 3 here since the listmenus.js file wouldn't be called. But, that's based on the data file now, I don't know what it would be when you put all your links in it. If you really want to eliminate the space, then I think you'll have to consider just how much extra KBs it will be doing it with a data.js file and noscript. If it's 3-7 KBs bigger, it might be worth it, if it gets more than 10KBs bigger, I'd probably just leave the space and not worry about it. Sorry the news isn't better.

Ruth


Poster: jashan
Dated: Wednesday April 13 2005 - 21:07:22 BST

Ruth,

Thank you for your help once again.

I do not want to have the extra space on the bottom, so I see now that I would have to use the NOSCRIPT tag. For me placing the list menu in a NOSCRIPT tag defeats the purpose of using a list menu. I wanted to do it that way because it seems to be more search engine friendly and helps to reduce the overall size of the script.

I'll have to consider my options.

Jeff


Poster: Ruth
Dated: Wednesday April 13 2005 - 21:15:46 BST

Hi,
I'm sorry. I went to the test link to get the page so I could work on it and see if I can get a workaround to get rid of the space but the page is gone. If you still have it, I am glad to work on it. I only tried a couple of things and there may be some other options.


EDIT: I found my page. I'll work on it and see what I can figure out.

Ruth


Poster: jashan
Dated: Thursday April 14 2005 - 14:07:30 BST

Thanks Ruth. I'll keep an eye on this thread.

listbased


Poster: jshep
Dated: Tuesday April 19 2005 - 12:56:20 BST

I'm still testing but adding <ul style="visibility: hidden;"> rather than class="milionic" seems to have worked for me. There may be implications that I haven't seen yet.


Poster: Ruth
Dated: Tuesday April 19 2005 - 15:11:34 BST

jshep wrote:
I'm still testing but adding <ul style="visibility: hidden;"> rather than class="milionic" seems to have worked for me. There may be implications that I haven't seen yet.


There are two things to keep in mind with this:

1. visibility:hidden will not remove the extra space that is given over to the listmenu in the page layout

2. if javascript is disabled, this prevents the menu from showing at all, since the listbased non-javascript menu is now set as hidden.

There is another option, that is style="display:none" this does get rid of the space, however if javascript is disabled, again there is no list menu shown.

Ruth

©1998-2012 Milonic Solutions Ltd. UK Registered Company #4406835
Privacy Policy | License Agreement | Contact Us | Tech Support