Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
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:51
Horizontal menu dropdowns are hidden by the table below...
Poster: ducati
Dated: Thursday March 3 2005 - 17:18:12 GMT
We are trying the menu in our testshop, http://51637.shop05.dandomain.dk/shop/d ... opClosed=1
But the menu opens under the table. ???
Is it possible to have this menu working properly with .asp pages and https: pages as well ???
Also, the majority of our customers are using MAC and Opera / safari browsers. Does it work ??
Help is very apreciated.
Cheers, Ducati
Poster: Ruth
Dated: Friday March 4 2005 - 9:12:07 GMT
Hi Ducati,
Yes, the menu works in Mac. As to the other problem, it is not hiding behind a table, it is hiding behind a frame. Most people don't really visualize what frames are, to most it seems you have one browser and it's just divided, but to all intents and purposes when you use frames, each frame is a different browser window. Yes, they are gathered into one surrounding browser window, but they are each more or less a different instance of a browser. So, in effect what you are trying to do is to tell the menu to open it's submenus in a different browser. You should be able to layout your frames so that one of them has an iframe [inline frame] and the menu will drop over that.
I took a look at the page, and there are solutions. However it's not really easy because you have a very complex layout of nested frames and framesets. I put together this layout for you to try. It uses your page names and such, except I had to make them html, so you'll have to make the changes to asp in the code.
1. Main frameset
Code:
<HTML>
<HEAD>
<TITLE>My Iframe Layout</TITLE>
</HEAD>
<FRAMESET COLS="18,750,1*">
<FRAME frameborder="0" MARGIN="0" NAME="spaceleft" SCROLLING="No" NORESIZE SRC="space.html">
<FRAMESET ROWS="60,73%,25">
<FRAME frameborder="0" MARGIN="0" NAME="spacetop" SCROLLING="No" NORESIZE SRC="space[1].html">
<FRAME frameborder="0" MARGIN="0" NAME="middleframes" SCROLLING="No" NORESIZE SRC="middleframe.html">
<FRAME frameborder="0" MARGIN="0" SRC="bottomspace.html" NAME="spacebottom" SCROLLING="No" NORESIZE>
</FRAMESET>
<FRAME frameborder="0" name=spaceright src="space[2].html" noResize scrolling=no>
</FRAMESET>
<NOFRAMES>
<BODY>
<P>
</BODY></NOFRAMES></HTML>
<HEAD>
<TITLE>My Iframe Layout</TITLE>
</HEAD>
<FRAMESET COLS="18,750,1*">
<FRAME frameborder="0" MARGIN="0" NAME="spaceleft" SCROLLING="No" NORESIZE SRC="space.html">
<FRAMESET ROWS="60,73%,25">
<FRAME frameborder="0" MARGIN="0" NAME="spacetop" SCROLLING="No" NORESIZE SRC="space[1].html">
<FRAME frameborder="0" MARGIN="0" NAME="middleframes" SCROLLING="No" NORESIZE SRC="middleframe.html">
<FRAME frameborder="0" MARGIN="0" SRC="bottomspace.html" NAME="spacebottom" SCROLLING="No" NORESIZE>
</FRAMESET>
<FRAME frameborder="0" name=spaceright src="space[2].html" noResize scrolling=no>
</FRAMESET>
<NOFRAMES>
<BODY>
<P>
</BODY></NOFRAMES></HTML>
2. this is a page that takes the place of the TopMenu, the main, and the search, product, basket [they'll be added later. THis page has an iframe in it, that is where you will put the other frameset with those pages. Althought they are still a frameset, the menu drops over the iframe because it's inline, it seems to ignore the page that is loaded in the iframe, even though they are frames that are loaded. I tried it in IE5.5 and Netscape7.1, Firebird .07 [beta firefox]
Code:
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 5.50.4807.2300" name=GENERATOR>
<SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
<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="menu_data.js" type=text/javascript></SCRIPT>
<LINK href="SK110_Master.css" type=text/css rel=stylesheet>
<LINK href="SK110_TopMenu.css" type=text/css rel=stylesheet>
<style type="text/css">
body {margin-left:0px;margin-right:0px}
</style>
</HEAD>
<BODY class=TopMenu marginTop="0" marginLeft="0" marginwidth="0" marginheight="0"><script>
function openIFrame(iFrameId,winURL)
{
ifId=gmobj(iFrameId)
ifId.src=winURL
}
</script>
<!-- ***** This is the section of code you need to paste into your web
page *****-->
<TABLE width=600 height="120" cellspacing="0" cellpadding="0" border="0">
<TR>
<TD><img src="clear.gif" width="1" height="120" border="0"></TD>
<TD class=form1></TD>
</TR>
</TABLE>
<!--
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
-->
<!--
</td>
</tr>
</table>
-->
<iframe width="100%" height="90%" border="0" frameborder="0" id=tempiframe
src="otherpages_frameset.html"></iframe>
</BODY></HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 5.50.4807.2300" name=GENERATOR>
<SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
<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="menu_data.js" type=text/javascript></SCRIPT>
<LINK href="SK110_Master.css" type=text/css rel=stylesheet>
<LINK href="SK110_TopMenu.css" type=text/css rel=stylesheet>
<style type="text/css">
body {margin-left:0px;margin-right:0px}
</style>
</HEAD>
<BODY class=TopMenu marginTop="0" marginLeft="0" marginwidth="0" marginheight="0"><script>
function openIFrame(iFrameId,winURL)
{
ifId=gmobj(iFrameId)
ifId.src=winURL
}
</script>
<!-- ***** This is the section of code you need to paste into your web
page *****-->
<TABLE width=600 height="120" cellspacing="0" cellpadding="0" border="0">
<TR>
<TD><img src="clear.gif" width="1" height="120" border="0"></TD>
<TD class=form1></TD>
</TR>
</TABLE>
<!--
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
-->
<!--
</td>
</tr>
</table>
-->
<iframe width="100%" height="90%" border="0" frameborder="0" id=tempiframe
src="otherpages_frameset.html"></iframe>
</BODY></HTML>
3. This is the frameset for the pages left out.
Code:
<HTML>
<HEAD>
<TITLE>Other pages frameset for iframe</TITLE>
</HEAD>
<FRAMESET ROWS="*,25">
<FRAMESET COLS="160,*">
<FRAMESET rows="70px,*,70px">
<FRAME frameborder="0" name="search" scrolling="no" src="search.html" target="main" noresize>
<FRAME frameborder="0" name="productmenu" scrolling="auto" noresize src="ProductMenu.html">
<FRAME frameborder="0" name="basket" scrolling="no" src="Basket.html">
</FRAMESET>
<FRAME frameborder="0" name="main" src="frontpage.html" target="main" scrolling="auto">
</FRAMESET>
</FRAMESET>
<NOFRAMES>
<BODY>
<P>
</BODY></NOFRAMES></HTML>
<HEAD>
<TITLE>Other pages frameset for iframe</TITLE>
</HEAD>
<FRAMESET ROWS="*,25">
<FRAMESET COLS="160,*">
<FRAMESET rows="70px,*,70px">
<FRAME frameborder="0" name="search" scrolling="no" src="search.html" target="main" noresize>
<FRAME frameborder="0" name="productmenu" scrolling="auto" noresize src="ProductMenu.html">
<FRAME frameborder="0" name="basket" scrolling="no" src="Basket.html">
</FRAMESET>
<FRAME frameborder="0" name="main" src="frontpage.html" target="main" scrolling="auto">
</FRAMESET>
</FRAMESET>
<NOFRAMES>
<BODY>
<P>
</BODY></NOFRAMES></HTML>
Try that with your pages. You might have to tweak the css files to make sure you have no margin or padding that moves things. I can't remember if I change any of them. Hope this helps.
Ruth
Horizontal menu dropdowns are hidden by the table below...
Poster: ducati
Dated: Friday March 4 2005 - 14:04:28 GMT
Hi Ruth.
Thanks for your reply.
My problem is we have rented the internet shop and have limited access to the asp pages. I have access to a administration system. I also have talked to our supplier and they think it can be done, but don't have the time to do it, even if we want to pay...
From your answer i have an idea that you have the capability to make this work but i'm not sure i do....
But i really could use this menu as it would help us a lot. We have a lot of stuff to tell our customers in a simple and good looking menu instead of having them search the complete site for info.
So, at this moment i don't know what to do... Which direction to take....
If you got a solution i would appreciate this enormously. I believe you have access to my mail address if i should give you further access to our administration system.
Cheers Ducati
Poster: Ruth
Dated: Friday March 4 2005 - 15:15:55 GMT
There is something else you can do, but I don't know if that area where the menu is will always be that high. If that area is going to be that high always, [the TopMenu.asp frame], then change your submenus to orientation="horizontal"; It will then not have to drop behind the frame.
There is only one area that is a problem, that is the review and you can work around that easily enough. Instead of having that menu drop with all those items on one menu, you could put a submenu that will open two other submenus. You would code all the menus as orientation="horizontal"; Then to make sure that Press Release submenu doesn't go off the screen because of all the pictures, you would make two submenus in addition to that one, and limit that one to two items that open the other submenus. I don't know categories, what goes with what so I just did an arbitrary split. Here is what would go in the menu data file, in place of the Press Reviews menu that is there now.
Code:
with(milonic=new menuname("Press reviews")){
margin=3;
style=vertStyle;
top="offset=2";
orientation="horizontal";
aI("text=REVIEW 1;showmenu=review1;");
aI("text=REVIEW 2;showmenu=review2;");
}
with(milonic=new menuname("review1")){
margin=3;
style=vertStyle;
top="offset=2";
orientation="horizontal";
aI("image=TopMenu_files/LKB-FCP-APG5-UK.jpg;text=Final Cut Pro / Express;url=/menuitem/reviews/uemedia.htm;target=main");
aI("image=TopMenu_files/LKB-FCP-APG5-UK.jpg;text=Final Cut Pro / Express, Danish;url=/menuitem/reviews/mediamac.htm;target=main");
aI("image=TopMenu_files/LKB-DVXP-PC-US.jpg;text=Premiere Pro keyboard;url=/menuitem/reviews/macnews.htm;target=main");
}
with(milonic=new menuname("review2")){
margin=3;
style=vertStyle;
top="offset=2";
orientation="horizontal";
aI("image=TopMenu_files/LKB-DVXP-PC-US.jpg;text=Photoshop keyboard;url=/menuitem/reviews/macformat.htm;target=main");
aI("image=TopMenu_files/Logickeyboard-keyset.jpg;text=Logic Audio keyboard / keyset;url=/menuitem/reviews/sonic.htm;target=main");
}
margin=3;
style=vertStyle;
top="offset=2";
orientation="horizontal";
aI("text=REVIEW 1;showmenu=review1;");
aI("text=REVIEW 2;showmenu=review2;");
}
with(milonic=new menuname("review1")){
margin=3;
style=vertStyle;
top="offset=2";
orientation="horizontal";
aI("image=TopMenu_files/LKB-FCP-APG5-UK.jpg;text=Final Cut Pro / Express;url=/menuitem/reviews/uemedia.htm;target=main");
aI("image=TopMenu_files/LKB-FCP-APG5-UK.jpg;text=Final Cut Pro / Express, Danish;url=/menuitem/reviews/mediamac.htm;target=main");
aI("image=TopMenu_files/LKB-DVXP-PC-US.jpg;text=Premiere Pro keyboard;url=/menuitem/reviews/macnews.htm;target=main");
}
with(milonic=new menuname("review2")){
margin=3;
style=vertStyle;
top="offset=2";
orientation="horizontal";
aI("image=TopMenu_files/LKB-DVXP-PC-US.jpg;text=Photoshop keyboard;url=/menuitem/reviews/macformat.htm;target=main");
aI("image=TopMenu_files/Logickeyboard-keyset.jpg;text=Logic Audio keyboard / keyset;url=/menuitem/reviews/sonic.htm;target=main");
}
Here'sthe sample for that type menu.
Ruth
Poster: ducati
Dated: Friday March 4 2005 - 15:36:18 GMT
Hi Ruth.
Maybe I can use that. The hight of the topmenu.asp is something i decide, i just made it so high to see if the menu will work in our test shop. You can see the size we use now in our live shop, http://www.logickeyboard.com
But if i chose your version i would have to change the design a little bit.
I'll try the horizontal version for a couple of hours.
Michael
Poster: John
Dated: Saturday March 5 2005 - 7:11:47 GMT
You have removed the copyright info from the _src file. A definite no-no, and needs to be corrected.
Also, please remember to license it.
Quote:
/*
Milonic DHTML Menu - JavaScript Website Navigation System.
Version 5.715 - Built: Monday February 21 2005 - 11:41
Copyright 2005 (c) Milonic Solutions Limited. All Rights Reserved.
This is a commercial software product, please visit http://www.milonic.com/ for more information.
See http://www.milonic.com/license.php for Commercial License Agreement
All Copyright statements must always remain in place in all files at all times
******* PLEASE NOTE: THIS IS NOT FREE SOFTWARE, IT MUST BE LICENSED FOR ALL USE *******
License Number: 1000 for Unlicensed
*/
Milonic DHTML Menu - JavaScript Website Navigation System.
Version 5.715 - Built: Monday February 21 2005 - 11:41
Copyright 2005 (c) Milonic Solutions Limited. All Rights Reserved.
This is a commercial software product, please visit http://www.milonic.com/ for more information.
See http://www.milonic.com/license.php for Commercial License Agreement
All Copyright statements must always remain in place in all files at all times
******* PLEASE NOTE: THIS IS NOT FREE SOFTWARE, IT MUST BE LICENSED FOR ALL USE *******
License Number: 1000 for Unlicensed
*/
Poster: ducati
Dated: Saturday March 5 2005 - 9:44:27 GMT
Hi John.
I have placed the copyright info again.
We are trying your menu in our testshop at the moment. I would much prefer to use the vert style but as we are in big problems with that one, i'm trying the horistyle.
If we choose to use one of your menu's we are offcourse going to buy the menu.
Ducati.
Poster: Ruth
Dated: Saturday March 5 2005 - 11:43:11 GMT
Hi Ducati,
Just FYI, did you know there is also a treemenu? That one opens down vertically but the submenus always stay right below. I know that won't work for this layout, but I thought I'd mention it for any layout where you might be able to use a vertical if it opened straight down. That would work in a frameset where it was set in a right or left side frame.
And one other thought on the menu layout you're doing right now. I wondered if you could merge those two top frames and put the menu at the top, though I don't remember if that logo is an image or a background. If an image, the you could merge the frames, shift the image down a few pixels and put the menu over it, then there would be room for the verticals to drop. Just a thought that crossed my mind.
Ruth