fry2010 Posted February 20, 2011 Share Posted February 20, 2011 I am trying to get an image to change when I hover over it with use of ajax. But the problem is that it does not matter where on the page I move the mouse, it seems to change the image anyway. Even if the mouse pointer is not over the image. Here is my code: this.init = function() { var self = register; self.ajax = new Ajax(); // GET THE IMAGE ELEMENT BY ID self.trust = document.getElementById('trust'); }; this.change_img = function() { var self = register; // IF MOUSE MOVES OVER THIS IMAGE, THEN CHANGE THE SOURCE self.trust.onmouseover = self.trust.src='image_01.png'; }; window.onload = register.init; window.onunload = register.cleanup; // WHEN THE DOCUMENT LOADS, AND THE MOUSE MOVES ANYWHERE ON PAGE THEN CALL FUNCTION CHANGE_IMG document.onmouseover = register.change_img; /////////////////////////// END OF JAVASCRIPT FILE /////////////////////////// /////////////////////////// START HTML FILE //////////////////////////// <html> <head> </head> <img id="trust" src="image_02.png" /> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.