You are not logged in.

Cursorposition relativ zur Grafik

wcf.regNote.message

Masterog

Trainee

  • "Masterog" started this thread

Posts: 73

Location: Fischbach / KL

Occupation: Programmierer

  • Send private message

1

Sunday, April 29th 2007, 12:08pm

Cursorposition relativ zur Grafik

Grüße, melde mich kurz vom Bund zurück ^^

Da ich in JS nicht sonderlich bewandert bin, hoffe ich, hier Hilfe zu finden, also folgende Situation:

Man nehme eine Grafik (Weltkarte) 500x500px
Ich möchte mit der Maus über diese Grafik fahren und dabei die aktuelle Zeigerposition (x|y) auslesen. Diese soll relativ zur Grafik und nicht relativ zum Fenster ausgelesen werden!

Ich hab da mal was vorbereitet :)
http://dev.comasu.de/test.php

Relevant sind die beiden linken Grafiken. Beide laufen mit dem gleichen Script, der Unterschied: die obere Grafik liegt in einer Tabelle, die untere ist frei. Ich will, dass auch die Grafik in der Tabelle richtig "vermessen" wird. Kann mir da jemand helfen?

JS:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

var X=0, Y=0; 

function getCoords(obj) { 
	var left = X-obj.offsetLeft; 
	var top  = Y-obj.offsetTop; 
	alert('click@'+left+'x'+top); 
} 

function showCoords(obj) { 
	var left = X-obj.offsetLeft; 
	var top  = Y-obj.offsetTop; 
	document.getElementById('coords').innerHTML = left+'x'+top; 
} 

document.onmousemove = function (e) {
	X = e ? e.pageX : event.clientX; 
	Y = e ? e.pageY : event.clientY; 
}



MfG MoG

Masterog

Trainee

  • "Masterog" started this thread

Posts: 73

Location: Fischbach / KL

Occupation: Programmierer

  • Send private message

2

Monday, April 30th 2007, 12:31pm

hab es selbst lösen können, danke trotzdem

wcf.user.socialbookmarks.titel