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: Archived Topics for the old Version 3.0 JavaScript Menu
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:50

Top frame behind button one.


Poster: Grumpy_SWE
Dated: Monday March 14 2005 - 17:52:58 GMT

Hi.

First i wanna thank you for all your great work with the menus.

Second, iv got a big problem with the old menu V3.
Dont know if anyone could help me or not but il try here since its the only place i havent tried...

1. My top frame with menu goes behind the button one?
2. If il click something in the menu, how do i get it to open in the button menu?

Here´s my little test code:
http://www.swefp.com/Bilder/Bak/Test.zip
(Some text is written in Swedish, but the code is in english)
(Index.html is the startfile)


Thanks for the help.

\From: Grumpy_SWE <> Christian.


Poster: Ruth
Dated: Tuesday March 15 2005 - 14:19:45 GMT

Hi,
First: I highly recommend that you switch to version 5. There is no real support for version3 because it is so out of date and most of us haven't worked with it in years, if at all. Your layout is very easy to switch to version 5 using an iframe. If you want to switch. I made a data file for you based on what was in the menu_array.js file you had, and a page that looks just like what you have but uses an iframe instead, with which version 5 works well. If you want to test it. The following would be your index.html page code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
   <title>Iframe Test</title>
</head>

<body bgcolor="#9898FC"><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="swed_data.js"
type=text/javascript></SCRIPT>

<script>
function openIFrame(iFrameId,winURL)
{
   ifId=gmobj(iFrameId)
   ifId.src=winURL
}

</script>

<table width="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="red" height="60">
<tr>
    <td><p>&nbsp;<p><font color="#ffffff">This is a table 100% wide and 60px high to take the space where you had your top frame</font></p></td>
</tr>
</table>
<iframe width="100%" height="85%" id="tempiframe" src="botton.html"  frameborder="1" scrolling=yes> </iframe>
</body>
</html>

And, this would be your menu_data.js code:
Code:
_menuCloseDelay=500;
_menuOpenDelay=150;
_scrollAmount=3;
_scrollDelay=20;
_followSpeed=5;
_followRate=40;
_subOffsetTop=10;
_subOffsetLeft=10;


with(style1=new mm_style()){
offcolor="navy";
offbgcolor="#ccccff";
oncolor="#ffebdc";
onbgcolor="#4b0082";
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
separatorcolor="#000000";
separatorsize=1;
fontsize=12;
fontstyle="normal";
fontweight="normal";
fontfamily="Verdana, Arial";
padding=4;
subimage="arrow.gif";
high3dcolor="#666666";
low3dcolor="#000099";
pagecolor="Purple";
pagebgcolor="pink";
headercolor="#ffffff";
headerbgcolor="#000099";
overfilter="Fade(duration=0.2);Alpha(opacity=88);Shadow(color=#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";

}

with(milonic=new menuname("mainmenu")){
top=20;
screenposition="center";
style=style1;
alwaysvisible=1;
alignment="left";
orientation="horizontal";

aI("text=Startsidan;status=Gå tillbaka till startsidan;url=javascript:openIFrame('tempiframe','../index.html');");
aI("text=Airbus&nbsp;&nbsp;;showmenu=Airbus;status=#;");
aI("text=Antonov&nbsp;&nbsp;;showmenu=Antonov;status=#;");
aI("text=Boeing&nbsp;&nbsp;;showmenu=Boeing;status=#;");
aI("text=Ilyushin&nbsp;&nbsp;;showmenu=Ilyushin;status=#;");
aI("text=Tupolev&nbsp;&nbsp;;showmenu=Tupolev;status=#;");
aI("text=Blandat&nbsp;&nbsp;;showmenu=Blandat;status=#;");
aI("text=Filmer;status=Titta på flygplan som Startar / Landar;url=javascript:openIFrame('tempiframe','Filmer.html');");
aI("text=Forum;status=Diskutera flyg i forumet;url=../phpBB2/index.php;target=_new;");
aI("text=Övrigt&nbsp;&nbsp;showmenu=Övrigt1;");
aI("text=Länkar&nbsp;&nbsp;showmenu=Länkar;");
}


with(milonic=new menuname("Airbus")){
itemwidth=160;
style=style1;
alignment="left";
aI("text=&nbsp;Airbus-300;image=newsimage.gif;status=Airbus-300;url=javascript:openIFrame('tempiframe','A-300.html');");
aI("text=&nbsp;Airbus-310;image=newsimage.gif;status=Airbus-310;url=javascript:openIFrame('tempiframe','A-310.html');");
aI("text=&nbsp;Airbus-320;image=newsimage.gif;status=Airbus-320;url=javascript:openIFrame('tempiframe','A-320.html');");
}

with(milonic=new menuname("Antonov")){
itemwidth=160;
style=style1;
alignment="left";
aI("text=&nbsp;Antonov-12;image=newsimage.gif;status=Antonov-12;url=javascript:openIFrame('tempiframe','AN-12.html');");
aI("text=&nbsp;Antonov-26;image=newsimage.gif;status=Antonov-26;url=javascript:openIFrame('tempiframe','AN-26.html');");
aI("text=&nbsp;Antonov-124;image=newsimage.gif;status=Antonov-124;url=javascript:openIFrame('tempiframe','AN-124.html');");
}

with(milonic=new menuname("Boeing")){
itemwidth=160;
style=style1;
alignment="left";
aI("text=&nbsp;Boeing-727;image=newsimage.gif;status=Boeing-727;url=javascript:openIFrame('tempiframe','Boeing-727.html');");
aI("text=&nbsp;Boeing-737;image=newsimage.gif;status=Boeing-737;url=javascript:openIFrame('tempiframe','Boeing-737.html');");
aI("text=&nbsp;Boeing-747;image=newsimage.gif;status=Boeing-747;url=javascript:openIFrame('tempiframe','Boeing-747.html');");
aI("text=&nbsp;Boeing-757;image=newsimage.gif;status=Boeing-757;url=javascript:openIFrame('tempiframe','Boeing-757.html');");
}

with(milonic=new menuname("Ilyushin")){
itemwidth=160;
style=style1;
alignment="left";
aI("text=&nbsp;Ilyushin-76;image=newsimage.gif;status=Ilyushin-76;url=javascript:openIFrame('tempiframe','IL-76.html');");
}

with(milonic=new menuname("Tupolev")){
itemwidth=160;
style=style1;
alignment="left";
aI("text=&nbsp;Tupolev-204;image=newsimage.gif;status=Tupolev-204;url=javascript:openIFrame('tempiframe','TU-204.html');");
}

with(milonic=new menuname("Blandat")){
itemwidth=160;
style=style1;
alignment="left";
aI("text=&nbsp;MI-26;image=newsimage.gif;status=MI-26;url=javascript:openIFrame('tempiframe','MI-26.html');");
aI("text=&nbsp;MD-82/83/87;image=newsimage.gif;status=MD-82/83/87;url=javascript:openIFrame('tempiframe','MD-828387.html');");
aI("text=&nbsp;DC-8;image=newsimage.gif;status=DC-8;url=javascript:openIFrame('tempiframe','DC-8.html');");
aI("text=&nbsp;Bae-146;image=newsimage.gif;satus=Bae-146;url=javascript:openIFrame('tempiframe','Bae-146.html');");
}

with(milonic=new menuname("Övrigt1")){
itemwidth=160;
style=style1;
alignment="left";
aI("text=&nbsp;Copyright;image=newsimage.gif;status=Läs Copyrighten för den här websidan;url=javascript:openIFrame('tempiframe','Om.html');");
aI("text=&nbsp;Historik;image=newsimage.gif;status=Läs om websidans utveckling;url=javascript:openIFrame('tempiframe','Historik.html');");
aI("text=&nbsp;Kommande uppdateringar;image=newsimage.gif;status=Läs om kommande uppdateringar;url=javascript:openIFrame('tempiframe','Kommande.html');");
aI("text=&nbsp;Hjälp / Frågor;image=newsimage.gif;status=Frågor / svar samt hjälp om websidan;url=javascript:openIFrame('tempiframe','Hur.html');");
}

with(milonic=new menuname("Länkar")){
itemwidth=140;
style=style1;
aI("text=&nbsp;Rekomenderade Flygsidor;image=newsimage.gif;showmenu=Rekomenderade Flygsidor;");
aI("text=&nbsp;Flygplatser;image=newsimage.gif;showmenu=Flygplatser;");
aI("text=&nbsp;Flyg¬ Transport / Passagerar Bolag;image=newsimage.gif;showmenu=Flyg¬ Transport / Passagerar Bolag;");
aI("text=&nbsp;Övrigt;image=newsimage.gif;showmenu=Övrigt2;");
}

with(milonic=new menuname("Rekomenderade Flygsidor")){
itemwidth=170;
style=style1;
alignment="left";
aI("text=&nbsp;Imcat;image=newsimage.gif;url=http://www.imcat.com/;target=_new;");
aI("text=&nbsp;ÖREBRO FLIGHTSPOTTER PAGE;image=newsimage.gif;url=http://www.fly.to/orb-spotter;target=_new;");
aI("text=&nbsp;AirLiners;image=newsimage.gif;url=http://www.airliners.net/;target=_new;");
}

with(milonic=new menuname("Flygplatser")){
itemwidth=170;
style=style1;
alignment="left";
aI("text=&nbsp;Örebro Airport;image=newsimage.gif;url=http://www.orb-airport.se/;target=_new;");
aI("text=&nbsp;Arlanda;image=newsimage.gif;url=http://www.arlanda.se/;target=_new;");
}

with(milonic=new menuname("Flyg¬ Transport / Passagerar Bolag")){
itemwidth=170;
style=style1;
alignment="left";
aI("text=&nbsp;SAS;image=newsimage.gif;url=http://www.sas.se/;target=_new;");
aI("text=&nbsp;RussAir;image=newsimage.gif;url=http://www.russair.net/;target=_new;");
aI("text=&nbsp;VegaAir;image=newsimage.gif;url=http://www.vegaair.com/;");
}

with(milonic=new menuname("Övrigt2")){
itemwidth=170;
style=style1;
alignment="left";
aI("text=&nbsp;Flightsim.no;image=newsimage.gif;url=http://www.flightsim.no;target=_new;");
aI("text=&nbsp;Milonic Solutions DHTML Menu;image=newsimage.gif;url=http://www.milonic.co.uk/menu;target=_new;");
}


drawMenus();


Save the first as an html file [perhaps iframe.html] and the second as version5_data.js so you can make sure you know what it is. Then login and download version5 of the menu. The files you need and which you do not change are milonic_src.js, mmenudom.js, mmenuns4.js and your version5_data.js. That file is the file that you edit putting in the style you want, the links etc. The one I did here already has all the data that was in your menu_array.js file for the version 3.

Second: you if you MUST keep version 3, though I do recommend updating since version 5 is designed for the newest things on the web, then you need to get the newest version

Third: you have placed all the menu files in the same menu_array.js file. You need to look at the frames menu you download and see how it is laid out. There is a frames_header_array.js which has the main menu in it, and a frames_body_array.js which has the submenus in it. [since you don't have a side frame, just ignore the frames_side_array.js files.

Hope that helps. I really suggest you upgrade to Version 5. If you are using frames because of old netscape there are ways to still do it using iframes and a hidden div for netscape4x and older browsers. Let us know if you need anymore help.

Sorry, we can't do more on version3, but it hasn't been developed in 2 years or so and most of us have not used it and don't know the program.

Ruth


Poster: Grumpy_SWE
Dated: Tuesday March 15 2005 - 22:32:42 GMT

Hi Ruth.

Thanks for the reply.
Il try doing as you said, tomorrow.

Cheers.

\From: Christian.