Menu Installation for Beginners Guide

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:40

Menu Installation for Beginners Guide

Poster: carolinemtsmith __at__ hotmail.
Dated: Saturday March 3 2007 - 6:06:12 GMT

New to forum as well as DHTML or CSS.

Download -
I downloaded Menu zip file.

Insallation -
Saved 4 javascripts to Windows Explorer.
Imported these 4 javascripts to my website & published them.
Copy/paste Javascript tag to HEAD of a 'test trial' page in my website.

Step 1 refers to

Quote:

'add details of your directory to the code in section 2 below.'

. This is my attempt -

Code:

<SCRIPT language=JavaScript src="milonic_src.js" type=text/javascript></SCRIPT>
<script language=JavaScript>
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=mmenudom.js><\/scr"+"ipt>"); </script>
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=http://www.aneirin.com/><\/scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=http://www.aneirin.com/test.html><\/scr"+"ipt>"); </script>
<SCRIPT language=JavaScript src="menu_data.js" type=text/javascript></SCRIPT>

On publish/preview received following -

if(ns4)_d.write("<\/scr"+"ipt>"); else _d.write("<\/scr"+"ipt>");

When I excluded my above inclusion I received the following message -

NS4 is undefined.

Therein lies my initial hurdle and query. No idea what I'm doing. Wanting to learn and benefit. Have read & re-read above Milonic Guide 'Installation'. Please help. :oops:

PS: Would be great to have more Emoticons especially 'BreakPC'. Could have used it in this message.

Look forward to your response.

Caroline

Poster: Ruth
Dated: Saturday March 3 2007 - 8:41:29 GMT

Hi,

'calling' the menu files works just like calling any 'file' i.e. image, etc. on your webpage. So, if you're putting an image on your page you need the 'path' to the image. For the menu, you need the paths to the menu files for them to show on the web page. 'add details of your directory to the code in section 2 below.' only means for you to change the src= section to be whatever the directory structure is on your site.

When you get a message like NS4 is undefined the browser is saying it can't find the mmenuns4.js file which implies an incorrect path to that file. Using this as an example:

Code:

the src= part of this is the path, so what goes in there is whatever the address is on your site for that file. If it's in the root directory then src="milonic_src.js" is the path, if it's in a folder called menu in the root directory then the path is src=/menu/milonic_src.js and so on, wherever you put the files that's what has to be in the src= section.

As for the second part, I don't know where you got what you put there, it seems to be doubled somehow. It is supposed to be

Code:

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

Ignoring the js if/else statement in it, all you have to look at is the src= parts. That if else is just a call for the files using a statement that says 'if the visitor has an NS4+ browser use the mmenuns4.js file [and ignore the mmenudom.js file] if they don't have NS4, use the mmenudom.js file. If you don't get visitors with NS4, then you can eliminate the call for it, and change your script to just

Code:

You won't get an error for it not being there, because you don't have the if/else so it won't even look for it. But the part to look at in the calls are the src= parts, that is where you put your path to the files, so if you use the one with if / else in it you'll note you have two src= sections one for mmenudom and one for mmenuns4.

There is a beginners' guide forum with some basic things in it about styling the menu, doing forms, using css, and I think there's one about scripts and paths.

http://www.milonic.com/forum/viewforum.php?f=14

Hope this helped. As to the emoticons, I have so many times wanted one that showed pulling out hair :!:

But, breaking the computer would be good. Or I'd like one showing someone beating on the keyboard with their fists, that's what I do -literally- I'm surprised I have not had to replace it :oops:

And one dancing for joy for those few times something works just perfectly

If you need more help, just post back

Ruth

Menu Installation for Beginners Guide

Poster: carolinemtsmith __at__ hotmail.
Dated: Sunday March 4 2007 - 0:54:10 GMT

Ruth,

I left the installation code as is in step 2 of manual. Moved the imported javascript (4) files to the main part of my website root directory. Seems successful as I got the Milonic menu. I guess ready for next step of the whole process.

I didn't realise that it would replace my websites 'index' page. Therefore now when I enter http://www.aneirin.com I get the Milonic menu. This is probably right but I think retrospectively I should have trialed Milonic menu in a 'dummy' website. Failing that I should have done a backup of my website before experimenting and I didn't.

In my panic I've attempted to rectify the viewing of my website (index) page. Deleted the 4 javascript files from my website directory and deleted the script from the HEAD of my "test" trial page and deleted that page. Still this installation of Milonic script has taken over my INDEX page as it was published. Also when in editing mode in my website my INDEX page is as it should be but due to being published and somehow linked with Milonic Menu, my INDEX page does not show as it did before all of this.

Help please!!!!! How do I rectify so that when I input http://www.aneirin.com I get my original 'index' page BACK and not the Milonic thing?

Very stressed now.

Menu Installation for Beginners Guide

Poster: carolinemtsmith __at__ hotmail.
Dated: Sunday March 4 2007 - 4:55:38 GMT

Ruth, Message sent 10.41am today - resolved.

Please excuse my wobbly. :oops:

Poster: Ruth
Dated: Sunday March 4 2007 - 5:41:09 GMT

Hi,

The only way I know for you to have 'over' written your index page is to upload a page called index. Usually when people are trying to test, they save their main page under a different name, like miltest.htm or something and then create a folder in the root directory called test or menutest and then just put everything in that.

Can you tell me what you're trying to do on that page, or are you creating a different page?

Ruth

Menu Installation for Beginners Guide - Take 4

Poster: carolinemtsmith __at__ hotmail.
Dated: Sunday March 4 2007 - 7:58:55 GMT

1. Downloaded from Milconic w/site the Milconic MENU (zip file). Which located itself - c:\unzipped\menu_sample1_ver5_770[2]

2. Imported to my ACTIVE MAIN website [url]http://www.aneirin.com the 4 Javascript files. Lodged at the MAIN directory as below -

Aneirin (MAIN)
Files
QuickSiteImages

3. Created a TEST Page.

4. Whilst in the TEST page inserted following code (unaltered) in the HEAD

Code:

<SCRIPT language=JavaScript src="milonic_src.js" type=text/javascript></SCRIPT>
<script language=JavaScript>
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=mmenudom.js><\/scr"+"ipt>"); </script>
<SCRIPT language=JavaScript src="menu_data.js" type=text/javascript></SCRIPT>

5. Saved/Published ALL. On viewing got (for all that I can recall/explain), a hyperlinked menu asking me to click on a link to create a new menu etc (in an internet published page).

When I opened a new internet session & reopened my ACTIVE MAIN website [url]http://www.aneirin.com the home/index page was displaying as mentioned in 5.

Although my original INDEX page still there and viewable in EDIT mode.

ACTION- (To resolve & start over again) -
1. Deleted 4 Javascript files and TEST page. Everything reverted (specifically the home/index page) of my MAIN website reverted to normal as it should be.

LATER TODAY
1. Created a DUMMY website.

Repeated above Steps 1, 2, 4 & 5.

Published result produced the 'Milconic Menu Beginner Property Diagram' (menu only). With drop down menus relating to Milconic.

Is this what one should expect when going through the Beginner Guide at 'Installation' Step 3?

Then attempted to progress through Beg Guide to 'Editing your Menus' section. Understand general concept discussed. Went to carry out

Quote:

Entering Text Into Menu Items
Open up the menu_data.js file if it isn’t already open and scroll down to where you see the main menu block of code (above). The text that appears in each menu item is declared in each aI string where you see “text=Home;
To change the text simply delete the text “Home” between the equals= and semicolon; and replace it with whatever you wish to appear in the first menu item of the menu.
Save the file and load up your page with your web browser to see the change.

Question (at this point):
If I have my DUMMY website http://www.tilly.homestead.com OPEN, 4 Javascripts lodged in this sites MAIN DIRECTORY - HOW do I open menu_data.js file? to

Quote:

To change the text simply delete the text “Home” between the equals= and semicolon; and replace it with whatever you wish to appear in the first menu item of the menu.
Save the file and load up your page with your web browser to see the change.

Quesiton:
Is this step done whilst within my DUMMY website (I tried and wouldn't open it)?

Then I went to the javascript files located at c:\unzipped\menu_sample1_ver5_770[2], made the above modification (in Notepad). Re-imported it to my DUMMY website and saved over original.

Not successful to see change per Entering Text Into Menu Items.

Question:
Could this be because this part is being trialled by myself in a DUMMY website with no other content? I thought it would be safer for a fool like me.

I know that Notepad from Milconic notes can present problems. The only other editing program I know of is to - Select start/run/cmd - that I don't know what to do with. I've not got or had editing program experience.

I think I need a step by step description of what programs should be open at what stage and how and what results I should expect to see firstly for Installation Step 3, then how to view & what programs to have open in order just to even go through Milconic Guide - 'Entering Text Into Menu Items' & continue on from there.

I am so sorry & am sure you may be bashing that keyboard and cursing me. I am competent with computers but as mentioned DHTML & CSS are not an area I've explored before and I also don't know what to expect as I try to go through the Milconic Beg Guide. I'm sure I would when I've completed the steps right. :roll:

If you can assist I'd be ever so grateful. Again so sorry I'm such a pickle. Trying and I want to get there. I do understand if you don't want or are up to replying :oops:

I'd be strangling me as well at this stage.

Poster: Ruth
Dated: Sunday March 4 2007 - 12:25:19 GMT

Hi Caroline,

Take a deep breath, and relax. You don't need to know dhtml, css, js or anything like that to use the menu. Even though the menu_data has a .js extension, all you're doing when you edit it is changing 'text' . And, the various items are pretty direct as to what they are, i.e. in the style section you see offbgcolor= onbgcolor= fontfamily= and so on. In the menu sections you see the style= which is telling it what style to use, and if it's a main menu you have alwaysvisible, and the top and left positions set.

Yes, notepad can cause problems but if that's all you have you can use it, just make sure you uncheck wordwrap so the lines do not wrap, the menu will not work if the lines are wrapped. So, open notepad, then uncheck wordwrap under Edit, then go to file and open it and edit it the way you want and save it.

Do you use some kind of webpage editor?

Now as to the page you listed not having the menu, that's because you have the links to the menu files as src=aneirin/"milonic_src.js" and so on. First, you do not have a folder called aneirin at that 'dummy' site. The files are at

Code:

http://www.tilly.homestead.com/

so, the src for all the files would be src=milonic_src.js and so on for all the files since they are in the 'root/main' directory, not in a folder called aneirin, which doesn't seem to exist.

Second, you have " in the middle of that scr= the quotes should be before whatever the beginning of the path is and at the end after the .js in the file name. So, if you did have a folder called aneirin the src= would be src="aneirin/milonic_src.js"

If you have any more questions, just post back.

Ruth

Quick Query

Poster: carolinemtsmith __at__ hotmail.
Dated: Saturday March 17 2007 - 6:37:19 GMT

With following code how do I change MILONIC to permanently display HOME.

Code:

fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;




with(menuStyle=new mm_style()){
bordercolor="#296488";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#DCE9F0";
offcolor="#515151";
onbgcolor="#4F8EB6";
oncolor="#ffffff";
onbold=1;
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=5;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#2D729D";
separatorsize=1;
subimage="http://www.tilly.homestead.com/images/yellow_7x4.gif";
subimagepadding=10;
}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
followscroll=1;
left=300;
orientation="horizontal";
style=menuStyle;
top=120;
aI("text=Home;url=http://www.tilly.homestead.com/;");
aI("showmenu=Aneirin;text=Aneirin;");
aI("showmenu=Shelties;text=Shelties;");
aI("showmenu=Showcase;text=Showcase;");
aI("showmenu=Information;text=Information;");
aI("showmenu=Gallery;text=Gallery;");
}

with(milonic=new menuname("Aneirin")){
overflow="scroll";
style=menuStyle;
aI("text=About Us;url=http://www.tilly.homestead.com/About_Us.html;")
aI("text=Contact Us;url=http://www.tilly.homestead.com/Contact_Us.html")
aI("showmenu=Forms;text=Forms;");
aI("text=Guestbook;align=center;url=http://www.tilly.homestead.com/Guestbook.html/images/image=openbook.gif;");
aI("text=Testimonials;url=http://www.tilly.homestead.com/Testimonials.html;")
}

with(milonic=new menuname("Forms")){
style=menuStyle;
aI("text=Aneirin Information Package;url=http://www.tilly.homestead.com/Aneirin_Information_Package.html;");
aI("text=Aneirin Contracts;url=http://www.tilly.homestead.com/Aneirin_Contracts.html;");
aI("text=Aneirin Enquiries;url=http://www.tilly.homestead.com/Aneirin_Enquiries.html;");
}

with(milonic=new menuname("Shelties")){
style=menuStyle;
aI("showmenu=Lasses;text=Lasses;");
aI("showmenu=Lads;text=Lads;");
aI("showmenu=Gone Home;text=Gone Home;");
aI("showmenu=Litters;text=Litters;");
}


with(milonic=new menuname("Lasses")){
style=menuStyle;
aI("text=Bellag;url=http://www.tilly.homestead.com/Bellag.html;");
aI("text=Kyla;url=http://www.tilly.homestead.com/Kyla.html;");
}

with(milonic=new menuname("Lads")){
style=menuStyle;
aI("text=Fearghus;url=http://www.tilly.homestead.com/Fearghus.html;");
aI("text=Finley;url=http://www.tilly.homestead.com/Finley.html;");
}

with(milonic=new menuname("Gone Home")){
style=menuStyle;
aI("text=Frasier;url=http://tilly.homestead.com/Frasier.html;");
}

with(milonic=new menuname("Litters")){
style=menuStyle;
aI("text=News;url=http://www.tilly.homestead.com/News.html;");
}

with(milonic=new menuname("Showcase")){
style=menuStyle;
aI("text=Sheltie Awards;url=http://www.tilly.homestead.com/Sheltie_Awards.html;");
}

with(milonic=new menuname("Information")){
style=menuStyle;
aI("text=Book Reviews;url=http://www.tilly.homestead.com/Book_Reviews.html;");
aI("showmenu=Breed Information;text=Breed Information;");
aI("showmenu=Links;text=Links;");
aI("showmenu=Merchandise;text=Merchandise;");
aI("showmenu=Resources;text=Resources;");
aI("text=Suppliers;url=http://www.tilly.homestead.com/Suppliers.html;");
}

with(milonic=new menuname("Breed Information")){
style=menuStyle;
aI("text=Diet & Grooming;url=http://www.tilly.homestead.com/Diet_and_Grooming.html;");
aI("text=FAQ's;url=http://www.tilly.homestead.com/FAQs.html;");
aI("text=Health;url=http://www.tilly.homestead.com/Health.html;");
aI("text=History;url=http://www.tilly.homestead.com/History.html;");
aI("text=Standard;url=http://www.tilly.homestead.com/Standard.html;");
}

with(milonic=new menuname("Links")){
style=menuStyle;
aI("text=Breeders;url=http://www.tilly.homestead.com/Breeders.html;");
aI("text=Clubs;url=http://www.tilly.homestead.com/Clubs.html;");
aI("text=Forums;url=http://www.tilly.homestead.com/Forums.html;");
}

with(milonic=new menuname("Merchandise")){
style=menuStyle;
aI("text=Car Sticker;url=http://www.tilly.homestead.com/Car_Sticker.html;");
aI("text=DVD - Helge Lie;url=http://www.tilly.homestead.com/DVD_Helge_Lie.html;");
aI("text=Items for Sale;url=http://www.tilly.homestead.com/Items_for_Sale.html;");
}


with(milonic=new menuname("Resources")){
style=menuStyle;
aI("text=Associations;url=http://www.tilly.homestead.com/Associations.html;");
}

with(milonic=new menuname("Gallery")){
style=menuStyle;
aI("text=Family Ties;url=http://www.tilly.homestead.com/Family_Ties.html;");
aI("text=Good Times;url=http://www.tilly.homestead.com/Good_Times.html;");
aI("text=Puppy Love;url=http://www.tilly.homestead.com/Puppy_Love.html;");
aI("text=Rainbow Bridge;url=http://www.tilly.homestead.com/Rainbow_Bridge.html;");
aI("text=Your Beautiful;url=http://www.tilly.homestead.com/Your_Beautiful.html;");
}

drawMenus();

The test site being [url]http://www.tilly.homestead.com

Thank you.[/url]

Poster: Ruth
Dated: Saturday March 17 2007 - 15:41:01 GMT

Hi Caroline,

You will need to buy a license as your site is a commercial site. For most sites such as yours the commercial license is what most get, it's pretty inexpensive. It gives you tech support for 1 year [which is renewable if you choose] upgrades to the newest version for 1 year. After the year the support is not available without renewal, but whatever version of the menu you have is yours to use on the site forever.

http://www.milonic.com/licensing.php?

https://www.milonic.com/cbuy.php

Ruth

Industrial Strength JavaScript and DHTML Menus

Menu Installation for Beginners Guide

Menu Installation for Beginners Guide

Menu Installation for Beginners Guide

Menu Installation for Beginners Guide - Take 4

Quick Query