Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 1099

Aug 15th, 2010

event works in IE but not in firefox

Expand Post »

Can you help me with the equivalent code of this in firefox?
Thanks in advance.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<html>
	<head>
		<title>Event Handling</title>
		<script type="text/javascript">
		<!--
			//MOUSE COORDINATES
			function updateMouseCoordinates(){
				coordinates.innerText = event.srcElement.tagName + "(" + event.offsetX + "," + event.offsetY + ")";//works on IE not in firefox
			}
		//-->
		</script>
	</head>
	<body onmousemove="updateMouseCoordinates()">
		<span id="coordinates">(0,0)</span>
 
	</body>
</html>
<html>
	<head>
		<title>Event Handling</title>
		<script type="text/javascript">
		<!--
			//MOUSE COORDINATES
			function updateMouseCoordinates(){
				coordinates.innerText = event.srcElement.tagName + "(" + event.offsetX + "," + event.offsetY + ")";//works on IE not in firefox
			}
		//-->
		</script>
	</head>
	<body onmousemove="updateMouseCoordinates()">
		<span id="coordinates">(0,0)</span>
		
	</body>
</html>

Similar Threads

Website not working in IE but works in Firefox in Web Browsers
Works in IE not Firefox in JavaScript / DHTML / AJAX
minimal AJAX script works in Firefox, but not in IE, Opera, or Chrome in JavaScript / DHTML / AJAX
Image Map Works in IE but not in Firefox in HTML and CSS
[HELP] Mootools mouse event error on Firefox in JavaScript / DHTML / AJAX

aladar04

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

37 posts
since Sep 2009

Permalink

Aug 15th, 2010

Re: event works in IE but not in firefox

Try mousemove instead of onmousemove.

pritaeas

Sponsor

Featured Poster

Reputation Points: 546

Solved Threads: 716

Bite my shiny metal ass!

Offline

4,142 posts
since Jul 2006

Permalink

Aug 15th, 2010

Re: event works in IE but not in firefox

I don't know why this works in IE, but I know why it doesn't in Firefox. coordinates.innerHTML won't work because coordinates is not a valid object (in Firefox). Instead, use: document.getElementById('coordinates').innerHTML = [...].

iPeterS

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since Aug 2010

Permalink

Aug 15th, 2010

Re: event works in IE but not in firefox

Required modifications:
- The innerText property is not supported by Firefox (the textContent property provides similar functionality in Firefox). In that case, the innerHTML property can also be used.
- The event.srcElement property is not supported by Firefox, use the target and srcElement properties together.
- The event.offsetX property is not supported by Firefox, use the cross-browser clientX property instead.
- The window.event property is not supported in Firefox. In Firefox, when an event occurs, an instance of the event object is initialized and passed to the event handlers as the first parameter.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<head>
	<title>Event Handling</title>
	<script type="text/javascript">
	function updateMouseCoordinates (event) {
		var target = event.target ? event.target : event.srcElement;
 
		var coordinates = document.getElementById ("coordinates");
		coordinates.innerHTML = target.tagName + "(" + event.clientX + "," + event.clientY + ")";
	}
</script>
</head> 
<body onmousemove="updateMouseCoordinates(event)">
	<span id="coordinates">(0,0)</span>
</body>
<head>
	<title>Event Handling</title>
	<script type="text/javascript">
	function updateMouseCoordinates (event) {
		var target = event.target ? event.target : event.srcElement;

		var coordinates = document.getElementById ("coordinates");
		coordinates.innerHTML = target.tagName + "(" + event.clientX + "," + event.clientY + ")";
	}
</script>
</head> 
<body onmousemove="updateMouseCoordinates(event)">
	<span id="coordinates">(0,0)</span>
</body>

I think, the following links will be useful to you:
event object (event handling),
textContent property,
innerText property,
innerHTML property,
target property,
srcElement property,
clientX property,
clientY property.

Last edited by gumape; Aug 15th, 2010 at 11:06 am.

gumape

Reputation Points: 13

Solved Threads: 2

Newbie Poster

Offline

16 posts
since Aug 2010

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Get acces to a Radio Button

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: passing querystrings working partially

DaniWeb Message

Cancel Changes

User Name
Password