Web Analytics Made Easy -
StatCounter Internet explorer: is null or not an object - CodingForum

Announcement

Collapse
No announcement yet.

Internet explorer: is null or not an object

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

  • Internet explorer: is null or not an object

    anyone have an idea as to why this would be throwing an error in Internet Explorer? Its pretty bad too, nothing loads on my page except the menu =\ WHY IE [email protected]#$! lol

    I've tried like document.getElementsByClassName and some other things but im completely lost on javascript in general. Anyone have any suggestions on this one? much appreciated =)

    The error im getting is:
    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; HPDTDF; InfoPath.3; .NET4.0C)
    Timestamp: Wed, 31 Aug 2011 19:35:46 UTC


    Message: '$oe_menu_items_sub.bind(...).$oe_menu' is null or not an object
    Line: 1
    Char: 932
    Code: 0
    URI: menu.min.js

    the code:
    I know the same variables are being declared twice but I removed that and still get the err... On the line causing the error below I note it

    Code:
    var $oe_menu		= $('#oe_menu');
    var $oe_menu_items	= $oe_menu.children('li');
    var $oe_overlay		= $('#oe_overlay');
    
    
    $oe_menu_items.bind('mouseenter',function(){
    	var $this = $(this);
    	$('.youtube').hide();
    	$this.addClass('slided selected');
    	$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
    		$oe_menu_items.not('.slided').children('div').hide();
    		$this.removeClass('slided');
    	});
    }).bind('mouseleave',function(){
    	var $this = $(this);
    	$('.youtube').show(); 
    	$this.removeClass('selected').children('div').css('z-index','1');
    });
    $oe_menu.bind('mouseenter',function(){
    	var $this = $(this);
    	$('.youtube').hide(); 
    	$oe_overlay.stop(true,true).fadeTo(200, 0.6);
    	$this.addClass('hovered');
    }).bind('mouseleave',function(){
    	var $this = $(this);
    	$('.youtube').show(); 
    	$this.removeClass('hovered');
    	$oe_overlay.stop(true,true).fadeTo(200, 0);
    	$oe_menu_items.children('div').hide();
    })
    var $oe_sub_menu		= $(".oe_menu_sub");
    var $oe_menu_items_sub	= $oe_menu.children('li');
    var $oe_overlay_sub		= $('#oe_overlay_sub');
    
    THIS NEXT LINE IS WHERE THE ERROR IS HAPPENING
    $oe_menu_items_sub.bind('mouseenter',function(){
    	var $this = $(this);
    	$this.addClass('slided selected');
    	$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
    		$oe_menu_items_sub.not('.slided').children('div').hide();
    		$this.removeClass('slided');
    	});
    }).$oe_sub_menu.bind('mouseenter',function(){
    	var $this = $(this);
    	$oe_overlay_sub.stop(true,true).fadeTo(200, 0.6);
    	$this.addClass('hovered');
    })

  • #2
    I'm just taking an educated guess here but I think its actually this line that's the culprit:
    var $oe_sub_menu = $(".oe_menu_sub");

    All the other definitions are using an id (#), this one is using a class (.).
    check your HTML to see what the oe_menu_sub is. If its an id name change the dot to a pound sign #.

    var $oe_sub_menu = $("#oe_menu_sub");

    Comment

    Working...
    X