JavaScript.CoolDev.Com Support Forums

Any questions related to JavaScript menu and JavaScript tree menu by Javascript.CoolDev.Com

 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

Submenu link odd in I.E. 6

 
Post new topic   Reply to topic    JavaScript.CoolDev.Com Forum Index -> COOLjsMenu
Author Message
Paul Philpot



Joined: 09 May 2007
Posts: 6

PostPosted: Tue May 15, 2007 9:00 pm    Post subject: Submenu link odd in I.E. 6 Reply with quote

OK, so I have updated all my code to make sure that it's all up to date for version 2.9.4, but I can't seem to get it to work properly in I.E. 6 on PC - I'm coding on a Mac and it works fine in Firefox, Safari and Opera.

Here's the problem:

The submenu links are only active along the top border of their own cell/DIV. So, you get the pointy finger if you hover just on the top border and not anywhere else in that menu item - it's driving me nuts Smile

Any idea what's going wrong just in I.E.6?

Here's the code:

Code:
var STYLE_TOP = {
   size:[ 19, 114 ],
   backgroundColor:[ '#eeeeee', '#dfdfdf' ],
   textClass:[ 'top_menu_link', 'top_menu_hover' ],
   borderWidth:[1,1,1,1],
   borderColor:'#aaaaaa',
    itemoff:[ 0,114 ],
    leveloff:[ 18,0 ],
   delay:100
};

var STYLE_SUBMENUS = {
   backgroundColor:[ '#eeeeee', '#dfdfdf' ],
   textClass:[ 'top_submenu_link', 'top_submenu_hover' ],
    itemoff:[ '+previousItem-1px',0 ],
    borderWidth:[1,2,0,1],
   borderColor:'#ffffff'
};
   
var MENU_ITEMS_TOP = [
   {pos:'relative', style:[ STYLE_TOP, STYLE_SUBMENUS], blankImage:'graphics/transparent.gif', arrow:[ 'graphics/arr_down.gif', 'graphics/arr_down_over.gif' ], arrsize:[7,9]},
   {code:"Home", url:"index.php?section=1"},
   {code:"About us", url:"index.php?section=2",
               sub:[
                  {size:[ "+self",155]},
                  {code:"Who we are", url:"index.php?section=2&subsection=1"},
                  {code:"Background information", url:"index.php?section=2&subsection=2"},
                  {code:"Governance and Management", url:"index.php?section=2&subsection=3"},
                  {code:"FAQ", url:"index.php?section=2&subsection=4"},
                  {code:"Contact us", url:"index.php?section=2&subsection=5"},
                  {code:"Help", url:"index.php?section=2&subsection=6"},
                  
   ]},
   {code:"Countries/Regions", url:"index.php?section=3",
               sub:[
                  {size:[ "+self",155]},
                  {code:"Country 1", url:"index.php?section=3&subsection=7"},
                  {code:"Country 2", url:"index.php?section=3&subsection=8"},
                  {code:"Country 3", url:"index.php?section=3&subsection=9"},
                  
   ]},
                  {code:"Site map", url:"site_map.php"},
];
Back to top
AlexKunin
Developer


Joined: 03 Jan 2003
Posts: 1191

PostPosted: Tue May 15, 2007 10:14 pm    Post subject: Reply with quote

This issue is caused by odd (buggy?) behavior of IE6: <img width="100%" height="100%" /> is not always updated correctly, and in this particular case this leads to 1px-sized hotspot.

I've prepared a fixed version of the script. Please, send a request to javascript@cooldev.com (don't forget to include your Ref.No.).
Back to top
Display posts from previous:   
Post new topic   Reply to topic    JavaScript.CoolDev.Com Forum Index -> COOLjsMenu All times are GMT
Page 1 of 1