View Full Version : compatibility issues with internet explorer and opera

05-25-2009, 07:09 AM
plz refer to http://www.jankoatwarpspeed.com/post/2009/...navigation.aspx
reply as soon as possible

i just designed my project web page and used this bar but as you know its not working in ie but Bruno Wiltemburg and Justin Lim have claimed that they make it work in ie using

Bruno Wiltemburg Brazil
31 Jan 2009 at 01:52
Thanks for the tip.
I managed to make it work in IE 6. Using Javascript ...
I used JQuery for this example but may be using any library.

if($.browser.msie && parseInt($.browser.version) < 7){ //Test if is IE < 7
$("#menu li ul li:first").css({"border-top": "none"}); //Drop border from first element
$("#menu li").mouseover(function(){ //Show submenus
$(this).find("ul").css({"display" : "block"});
}).mouseout(function(){ //Hide submenus
$(this).find("ul").css({"display" : "none"});

Justin Lim
Justin Lim United States
02 Feb 2009 at 05:17
I fixed the IE issue with the following code

<script language="JavaScript">
window.onload = function()
var lis = document.getElementById('menu').getElementsByTagName('li');
for(i = 0; i < lis.length; i++)
var li = lis[i];
if (li.className == 'main')
li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }

but i am not getting how to correct it , i have tried to use it in external as well as internal js file but its not working please please help help help