Web Analytics Made Easy -
StatCounter Firefox compatibility - CodingForum

Announcement

Collapse
No announcement yet.

Firefox compatibility

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Firefox compatibility

    I have a website that has a javaScript nav menu. It renders right in IE, but when I use Firefox it renders the menu in the top left cornner of the page. Any ideas to fix this problem.

    Code:
    var ie4 = document.all&&navigator.userAgent.indexOf("Opera")==-1;
    var ns6 = document.getElementById&&!document.all;
    var ns4 = document.layers;
    var center = 0;
    var noncenteroffset = 23;
    var top = 238; 
    
    if (ns6) {
    	top = 238;
    }
    function showmenu(e,which, id){
    if (document.getElementById("hideme") != null)
    document.getElementById("hideme").style.visibility = 'hidden' ;
    
    
    	
    	if (id ==1){
    		var offset = 210
    		
    		
    	}
    	else if (id == 2){
    		var offset = 310
    		
    
    	}
    	else if (id == 3){
    		var offset = 400
    		
    
    	}
    	else if (id == 4){
    		var offset = 500
    		
    
    	}
    	else if (id == 5){
    		var offset = 600
    		
    
    	}
    	else if (id == 6){
    		var offset = 700
    		
    
    	}
    	
    	else if (id == 7){
    		var offset = 800
    		
    
    	}
    	else if (id == 8){
    		var offset = 900
    		
    
    	}
    		
    	
    	
    	
    	
    
    	if (!document.all&&!document.getElementById&&!document.layers)
    	return
    	clearhidemenu()
    	menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
    	menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj
    
    	if (ie4||ns6){
    	menuobj.innerHTML="";
    	menuobj.innerHTML=which
    	}
    	else{
    	menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
    	menuobj.document.close()
    	}
    
    	menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
    	menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
    	//if (ns6||ns4)
    	//{
    		//menuobj.thestyle.left = ((window.InnerWidth - 750)/2) + offset;
    	//}else{
    		menuobj.thestyle.left= ((document.body.clientWidth - 750)/2) + offset;
    	//}
    	//menuobj.thestyle.left=offset
    	
    	
    	menuobj.thestyle.top= top
    	menuobj.thestyle.visibility="visible"
    	
    	return false
    }
    
    function contains_ns6(a, b) {
    
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }
    
    function hidemenu(id){
    if (window.menuobj)
    menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
    if (document.getElementById("hideme") != null)
    document.getElementById("hideme").style.visibility = '' ;
    }
    
    function dynamichide(e){
    	if (ie4&&!menuobj.contains(e.toElement))
    	hidemenu()
    	else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    	hidemenu()
    }
    
    function delayhidemenu(id){
    	if (ie4||ns6||ns4)
    	delayhide=setTimeout("hidemenu()",500)
    }
    
    function clearhidemenu(){
    	
    	if (window.delayhide){
    	clearTimeout(delayhide)
    	
    	}
    }
    
    function highlightmenu(e,state){
    	if (document.all)
    		source_el=event.srcElement
    	else if (document.getElementById)
    		source_el=e.target
    	if (source_el.className=="menuitems"){
    			source_el.id=(state=="on")? "mouseoverstyle" : ""
    	}
    	else{
    		while(source_el.id!="popmenu"){
    			source_el=document.getElementById? source_el.parentNode : source_el.parentElement
    			if (source_el.className=="menuitems"){
    				source_el.id=(state=="on")? "mouseoverstyle" : ""
    			}
    		}
    	}
    }
    	
    if (ie4||ns6)
    document.onclick=hidemenu
Working...
X