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" /> Link to comment https://forums.phpfreaks.com/topic/228291-onmouseover-image-problem/ Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.