PDA

View Full Version : hv menu submenu alignment problem in IE8



amcgall
03-11-2010, 07:26 PM
1) Script Title: hvmenu ver 5.5

2) Script URL (on DD): http://dynamicdrive.com/dynamicindex1/hvmenu/index.htm

3) Describe problem: Using a vertical menu. The submenus appear at the very top of my web page, not to the right of the main menu as they should. This ony happens in IE8. In IE7, Firefox 3, Opera, Chrome and Flock everything is fine.

Here is a link to the test site: http://www.arnie.net/simcona-test2/indexnew.html

Any help would be greatly appreciated.

Here is my config file lisitng:
[CODE]
var NoOffFirstLineMenus=6; // Number of first level items
var LowBgColor='#6c7e8c'; // Background color when mouse is not over
var LowSubBgColor='#f0eee5'; // Background color when mouse is not over on subs
var HighBgColor='#f0eee5'; // Background color when mouse is over
var HighSubBgColor='#f0eee5'; // Background color when mouse is over on subs
var FontLowColor='white'; // Font color when mouse is not over
var FontSubLowColor='black'; // Font color subs when mouse is not over
var FontHighColor='black'; // Font color when mouse is over
var FontSubHighColor='red'; // Font color subs when mouse is over
var BorderColor='#6c7e8c'; // Border color
var BorderSubColor='#f0eee5'; // Border color for subs
var BorderWidth=12; // Border width
var BorderBtwnElmnts=1; // Border between elements 1 or 0
var FontFamily="arial,comic sans ms,technical" // Font family menu items
var FontSize=9; // Font size menu items
var FontBold=0; // Bold menu items 1 or 0
var FontItalic=0; // Italic menu items 1 or 0
var MenuTextCentered='left'; // Item text position 'left', 'center' or 'right'
var MenuCentered='left'; // Menu horizontal position 'left', 'center' or 'right'
var MenuVerticalCentered='static'; // Menu vertical position 'top', 'middle','bottom' or static
var ChildOverlap=.0; // horizontal overlap child/ parent
var ChildVerticalOverlap=.0; // vertical overlap child/ parent
var StartTop=150; // Menu offset x coordinate
var StartLeft=11; // Menu offset y coordinate
var VerCorrect=0; // Multiple frames y correction
var HorCorrect=0; // Multiple frames x correction
var LeftPaddng=5; // Left padding
var TopPaddng=5; // Top padding
var FirstLineHorizontal=0; // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL
var MenuFramesVertical=1; // Frames in cols or rows 1 or 0
var DissapearDelay=900; // delay before menu folds in
var TakeOverBgColor=1; // Menu frame takes over background color subitem frame
var FirstLineFrame='self'; // Frame where first level appears
var SecLineFrame='space'; // Frame where sub levels appear
var DocTargetFrame='self'; // Frame where target documents appear
var TargetLoc=''; // span id for relative positioning
var HideTop=0; // Hide first level when loading new document 1 or 0
var MenuWrap=1; // enables/ disables menu wrap 1 or 0
var RightToLeft=0; // enables/ disables right to left unfold 1 or 0
var UnfoldsOnClick=0; // Level 1 unfolds onclick/ onmouseover
var WebMasterCheck=0; // menu tree checking on or off 1 or 0
var ShowArrow=1; // Uses arrow gifs when 1
var KeepHilite=0; // Keep selected path highligthed
var Arrws=['tri.gif',5,10,'tridown.gif',10,5,'trileft.gif',5,10]; // Arrow source, width and height

function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}


// Menu tree
// MenuX=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);
// For rollover images set "Text to show" to: "rollover:Image1.jpg:Image2.jpg"

Menu1=new Array("About Us","#","",7,20,145);
Menu1_1=new Array("Contact Us","contactus.html","",0,20,180);
Menu1_2=new Array("Community Involvement","comminvolve.html","",0,20,180);
Menu1_3=new Array("Customer Survey","javascript:NewWin=window.open(\"http://66.251.6.36/simnew/survey2005.asp\",\"NWin\");window[\"NewWin\"].focus()","",0,20,180);
Menu1_4=new Array("Company History","history.html","",0,20,180);
Menu1_5=new Array("Corporate Video","http://wms17.streamhoster.com/videos/corporatevideo.wmv","",0,20,180);
Menu1_6=new Array("ISO Certificate","javascript:NewWin=window.open(\"pdf/isocertification.pdf\",\"NWin\");window[\"NewWin\"].focus()","",0,20,180);
Menu1_7=new Array("Vendor LTL Routing Info.","LTLrouting.html","",0,20,180);

Menu2=new Array("Solutions","#","",3,20,145);
Menu2_1=new Array("Lean Supply Chain","lean_sply_chn.html","",0,20,180);
Menu2_2=new Array("Spec Sheets","spec_sheets.html","",0,20,180);
Menu2_3=new Array("Request Field App. Engr.","fieldappeng.html","",0,20,250);

Menu3=new Array("Services","#","",5,20,145);
Menu3_1=new Array("Customer Login","login.html","",0,20,180);
Menu3_2=new Array("Clearance Inventory","javascript:NewWin=window.open(\"http://pdf/clearance_inventory.pdf\",\"NWin\");window[\"NewWin\"].focus()","",0,20,180);
Menu3_3=new Array("Request A Quote","quoterequest.html","",0,20,180);
Menu3_4=new Array("Sample Request","samplerequest.html","",0,20,180);
Menu3_5=new Array("Track Your Order","tracking.html","",0,20,180);

Menu4=new Array("OEM Products","#","",6,20,145);
Menu4_1=new Array("Manufacturers","#","",2,20,180);
Menu4_1_1=new Array("Components","manufacturers.html","",0,20,180);
Menu4_1_2=new Array("Wire & Cable","wire-mfg.html","",0,20,180);
Menu4_2=new Array("Connectors & I.O.","conn_IO_mfg.html","",0,20,180);
Menu4_3=new Array("Power","power_mfg.html","",0);
Menu4_4=new Array("Sensing & Switches","sensing_swt_mfg.html","",0,20,180);
Menu4_5=new Array("Thermal","thermal_mfg.html","",0,20,180);
Menu4_6=new Array("Wire & Cable","wire-mfg.html","",0,20,180);

Menu5=new Array("T & C Products","javascript:top.location.href='#'","",12,20,145);
Menu5_1=new Array("Manufacturers","t&c_mfg.html","",0,20,180);
Menu5_2=new Array("Bulk Copper & Fiber","bulk_copper_and_fiber.html","",0,20,180);
Menu5_3=new Array("Cabinets And Enclosures","cabs_and_encl.html","",0,20,180);
Menu5_4=new Array("Cable Assemblies ","cable_assem.html","",0,20,180);
Menu5_5=new Array("Connectivity Harware","connect_hdw.html","",0,20,180);
Menu5_6=new Array("Data Capture","data_capt.html","",0,20,180);
Menu5_7=new Array("Identification Products","ID_products.html","",0,20,180);
Menu5_8=new Array("Network Hardware","network_hdw.html","",0,20,180);
Menu5_9=new Array("Power/UPS","power_ups.html","",0,20,180);
Menu5_10=new Array("Surveillance","surveillance.html","",0,20,180);
Menu5_11=new Array("Tools And Test Equipment","tools.html","",0,20,180);
Menu5_12=new Array("Wireless","wireless.html","",0,20,180);


Menu6=new Array("Newsletter Signup","newsletter_signup.html","",0,20,145);

====================================

molendijk
03-11-2010, 08:59 PM
Until you find the cause of this problem, put:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
in the head of your pages.
===
Arie Molendijk.

amcgall
03-12-2010, 01:59 AM
Thank you. I have taken your advice. It puts a band aide on the problem for now. I suspect that a tweak in the menu.com.js code would be needed. Unfortunately, I'm a java script neophyte.

teembo
05-02-2010, 07:45 PM
Until you find the cause of this problem, put:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
in the head of your pages.
===
Arie Molendijk.

I tried this code on my page http://www.rambleonzep.com/dates/1968-12-30test.htm and it didn't help any.

My problem is:
Firefox 3.6.3 has no problems displaying this vertical menu.
IE 8 has the issues of the sub menus coming out to the top of the page instead of just to the right and offset a little. Also, the borders do not show up on IE8.

Here is the DTD:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


The HV Menu is just after the <body>, where it should be.

Attached is the .js I modified

molendijk
05-02-2010, 11:22 PM
Maybe this helps (in the head):

<!--[if IE]>
<style type="text/css">
body {height: 100%; width: 100%}
</style>
<![endif]-->

teembo
05-03-2010, 12:13 AM
Maybe this helps (in the head):

<!--[if IE]>
<style type="text/css">
body {height: 100%; width: 100%}
</style>
<![endif]-->


Should this code from post:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

also be included?

molendijk
05-03-2010, 09:37 AM
Should this code from post:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

also be included?
See what happens in IE8 if you remove it.
===
Arie

teembo
05-03-2010, 08:22 PM
See what happens in IE8 if you remove it.
===
Arie

Unfortunately, neither piece of code, together or seperately, had any effect on the IE 8 browser or Firefox 3.6

colinhairston
05-10-2010, 07:42 PM
Is there a way to use this, but have the url open in a new window? My menu points to other sites, but I want to keep my site open.

teembo
05-10-2010, 07:53 PM
Is there a way to use this, but have the url open in a new window? My menu points to other sites, but I want to keep my site open.

Yes, you can. I have this code as an example:


Menu20=new Array("STORE","http://astore.amazon.com/raonze-20","",0,20,64);



you just put the URL in as the 2nd variable.

About 5 posts back, I attached my .js file....there are other examples there, but this should do it for you.

deliwasista
07-12-2010, 11:08 AM
has anyone come across an answer for this? ive now removed ALL the doctypes off my whole site - this fixes it but is not how I want to continue.

My Hv menu is set up vertically and has worked well for years until IE8.

now when I roll over my tabs the next level of navigation pops up at the top of the screen instead of next to my menu :mad:

I have my HV menu under the body tag also.

.. any ideas anyone? :confused:

deliwasista
07-12-2010, 11:32 AM
Ive found the fix!!! Not mine - courtesy of "soakdigital"

Find the following (line 20) in menu_com.js:

var Exp6Plus=(AppVer.indexOf("msie 6")!= -1||AppVer.indexOf("msie 7")!= -1)?1:0

and change to:


var Exp6Plus=(AppVer.indexOf("msie 6")!= -1||AppVer.indexOf("msie 7")!= -1||AppVer.indexOf("msie 8")!= -1)?1:0

this has completely fixed my navigation!!