Problem with list based menu example

jashan · Post by **jashan** » Wed Apr 06, 2005 11:38 pm

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

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

jashan · Post by **jashan** » Fri Apr 08, 2005 10:32 am

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

Post by **Ruth** » Fri Apr 08, 2005 2:59 pm

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

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

<ul> or </ul>

someplace in the code and if it were added the class="milonic" would work in the original beginning

Code: Select all

<ul>

But, I did try to

Code: Select all

<!--

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

jashan · Post by **jashan** » Fri Apr 08, 2005 5:37 pm

Thank you for your help Ruth!

Adding the extra

Code: Select all

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

Post by **Ruth** » Fri Apr 08, 2005 9:00 pm

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

<body>
<!-- Milonic DHTML Website Navigation Menu Version 5.0+
	 Copyright 2005 (c) Milonic Solutions Limited (UK). All Rights Reserved.
	 Please visit http://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://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="https://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://websites.milonic.com/milonic.com/cbuy.php>Product Purchasing Page</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/contact.php>Contact Us</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/newsletter.php>Newsletter Subscription</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/menufaq.php>FAQ</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/forum/>Discussion Forum</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/licenses.php>Software License Agreement</a></li>
		<li><a href="http://websites.milonic.com/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://websites.milonic.com/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://websites.milonic.com/milonic.com/login.php>Login</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/mylicenses.php>My Licenses</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/myinvoices.php>My Invoices</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/support/>Make Support Request</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/support/>View Support Requests</a></li>
		<li><a href="http://websites.milonic.com/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: Select all

_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: Select all

<script type="text/javascript" src="milonic_src.js"></script>    
<a class=milonic href="https://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

jashan · Post by **jashan** » Sat Apr 09, 2005 7:57 pm

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.

Post by **Ruth** » Sat Apr 09, 2005 9:31 pm

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

<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://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://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="https://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 <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://websites.milonic.com/milonic.com/cbuy.php>Product Purchasing Page</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/contact.php>Contact Us</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/newsletter.php>Newsletter Subscription</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/menufaq.php>FAQ</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/forum/>Discussion Forum</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/licenses.php>Software License Agreement</a></li>
		<li><a href="http://websites.milonic.com/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://websites.milonic.com/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://websites.milonic.com/milonic.com/login.php>Login</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/mylicenses.php>My Licenses</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/myinvoices.php>My Invoices</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/support/>Make Support Request</a></li>
		<li><a href="http://websites.milonic.com/milonic.com/support/>View Support Requests</a></li>
		<li><a href="http://websites.milonic.com/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

jashan · Post by **jashan** » Sat Apr 09, 2005 10:59 pm

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://milonic.com/tablemenu.php will work for list based menus? I'm a little confused.

Thanks.

Jeff

Post by **Ruth** » Sun Apr 10, 2005 12:30 am

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

jashan · Post by **jashan** » Sun Apr 10, 2005 1:26 pm

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

Post by **Ruth** » Sun Apr 10, 2005 3:10 pm

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

jashan · Post by **jashan** » Sun Apr 10, 2005 5:00 pm

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

Post by **Ruth** » Mon Apr 11, 2005 1:03 am

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

_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://milonic.com/contact.php;");
aI("text=Embassies & Visas;url=http://milonic.com/newsletter.php;");
aI("text=Czech Currency;url=http://milonic.com/menufaq.php;");
aI("text=Czech History;url=http://milonic.com/forum/;");
aI("text=Regions;url=http://milonic.com/license.php;");
aI("text=Weather;url=http://milonic.com/privacy.php;");
aI("text=Telecommunications;url=http://milonic.com/forum/;");
aI("text=Shopping;url=http://milonic.com/license.php;");
aI("text=Trivia & Quizzes;url=http://milonic.com/privacy.php;");
aI("text=Daily Czech News;url=http://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://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;");
}
with(milonic=new menuname("culture")){
style=menuStyle2;
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;");
}
with(milonic=new menuname("language")){
style=menuStyle2;
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;");
}
with(milonic=new menuname("photo")){
style=menuStyle2;
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;");
}
with(milonic=new menuname("shopping")){
style=menuStyle2;
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;");
}
with(milonic=new menuname("links")){
style=menuStyle2;
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();

This would be that cell in the table:

Code: Select all

       <noscript> <UL>
                <LI><A 
                href="http://websites.milonic.com/myczechrepublic.com/menu_beta/extras/listbased/index.html">Home</A> 

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

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

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

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

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

                  <LI><A 
                  href="http://websites.milonic.com/myczechrepublic.com/basics/trivia/">Trivia 
                  & Quizzes</A> 
                  <LI><A 
                  href="http://websites.milonic.com/myczechrepublic.com/czech_news/csnews.html">Daily 
                  Czech News</A> </LI></UL>
                <LI><A 
                href="http://websites.milonic.com/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://websites.milonic.com/myczechrepublic.com/menu_beta/extras/listbased/index_test.html#">Trip 
                Planner</A> 
                <UL class=menuStyle2>
                  <LI><A href="http://websites.milonic.com/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://websites.milonic.com/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://websites.milonic.com/myczechrepublic.com/menu_beta/extras/listbased/index_test.html#">Culture</A> 

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

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

                <UL class=menuStyle2>
                  <LI><A href="https://milonic.com/login.php">Login</A> 
                  <LI><A href="https://milonic.com/mylicenses.php">My 
                  Licenses</A> 
                  <LI><A href="https://milonic.com/myinvoices.php">My 
                  Invoices</A> 
                  <LI><A href="https://milonic.com/support/">Make Support 
                  Request</A> 
                  <LI><A href="https://milonic.com/support/">View Support 
                  Requests</A> 
                  <LI><A href="https://milonic.com/mydetails.php">Your 
                  Details</A> </LI></UL>
                <LI><A 
                href="http://websites.milonic.com/myczechrepublic.com/menu_beta/extras/listbased/index_test.html#">Link 
                Directory</A> 
                <UL class=menuStyle2>
                  <LI><A href="https://milonic.com/login.php">Login</A> 
                  <LI><A href="https://milonic.com/mylicenses.php">My 
                  Licenses</A> 
                  <LI><A href="https://milonic.com/myinvoices.php">My 
                  Invoices</A> 
                  <LI><A href="https://milonic.com/support/">Make Support 
                  Request</A> 
                  <LI><A href="https://milonic.com/support/">View Support 
                  Requests</A> 
                  <LI><A href="https://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: Select all

<SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
<A class=milonic href="https://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

jashan · Post by **jashan** » Wed Apr 13, 2005 9:07 pm

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

Post by **Ruth** » Wed Apr 13, 2005 9:15 pm

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

jashan · Post by **jashan** » Thu Apr 14, 2005 2:07 pm

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

jshep · Post by **jshep** » Tue Apr 19, 2005 12:56 pm

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.

Post by **Ruth** » Tue Apr 19, 2005 3:11 pm

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