CodeGuru Home VC++ / MFC / C++ .NET / C# Visual Basic VB Forums Developer.com
Results 1 to 3 of 3
  1. #1
    Join Date
    Sep 2008
    Location
    The Netherlands
    Posts
    22

    Question Javascript - IE7 image hover script problem

    Hi Everyone,

    Iv'e written a simple script that applies a Image hover per class.
    In FireFox it works fine but it doesn't in Internet Explorer 7.
    I can't figure out why .
    Could you guys please take a look, thanks!.

    Code:
    function applyHoverByClass(cn){
     var elmnts = document.getElementsByClassName(cn); // gets all elements by className 
     var x = null; // reset x 
    	
    	   	for(x=0;x<elmnts.length;x++){ // run trough all elements with same className
    
    		var iDir = "graphics/"+elmnts[x].className+".png"; // sets idle image directory for mouseover
    		var hDir = "graphics/"+elmnts[x].className+"H.png";// sets hover image directory for mouseout
    		
    		if(elmnts[x].tagName=="IMG"){ // checks if class is an image element
    		//fires if image class
    		
    		elmnts[x].onmouseover = function() {this.src=hDir;} // apply mouseover function to current element
    		elmnts[x].onmouseout = function() {this.src=iDir;} // apply mouseout function to current element
    		
    		}else { 
    		// fires if not an image class
    						
    		elmnts[x].onmouseover = function() {this.style.backgroundImage="url(\""+hDir+"\")";} // apply mouseover function to current element
    		elmnts[x].onmouseout = function() {this.style.backgroundImage="url(\""+iDir+"\")";} // apply mouseout function to current element
    		
    		 }
    		
    		}
    		
    }

  2. #2
    Join Date
    May 2002
    Posts
    10,943

    Re: Javascript - IE7 image hover script problem

    The method getElementsByClassName() is only natively supported by Firefox 3, hence it will not work in lower versions nor Internet Explorer. There are many other alternatives.
    If the post was helpful...Rate it! Remember to use [code] or [php] tags.

  3. #3
    Join Date
    Sep 2008
    Location
    The Netherlands
    Posts
    22

    Re: Javascript - IE7 image hover script problem

    Thanks!

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  





Click Here to Expand Forum to Full Width

Featured