BlackBoard (http://www.black-board.net/index.php)
- Design, Programmierung & Entwicklung (http://www.black-board.net/board.php?boardid=55)
-- Webdesign (http://www.black-board.net/board.php?boardid=19)
--- JavaScript Klickkoordinaten auslesen (http://www.black-board.net/thread.php?threadid=20151)


Geschrieben von Deef am 30.03.2005 um 09:23:

  Klickkoordinaten auslesen

Hallo,

Ich suche eine Moeglichkeit mit JavaScript auszulesen, an welcher Stelle genau (X und Y) ein Bild angeklickt wurde.
Das ganze soll dann als PHP-Parameter an eine andere Seite uebergeben werden (also wahrscheinlich window.open("blub.php?...") ).

Jemand eine Idee?



Geschrieben von LX am 30.03.2005 um 13:44:

Achtung

Wow, er lebt noch großes Grinsen


code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
<html>
<head>
<title>Test</title>
<script type="text/javascript">
// Browser rausfinden (hier nur Unterscheidung IE - Mozilla)
var IE = document.all?true:false;

// Mozilla-Abschnitt
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;

// temporäre Variablen für die Mausposition
var tempX = 0;
var tempY = 0;

// Hauptfunktion zum Auslesen der Koordinaten
function getMouseXY(e)
{
  if (IE)
  {
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
  }
  else
  {
    tempX = e.pageX
    tempY = e.pageY
  }
}

// Mauskoordinaten ins Verhältnis zur Bildposition setzen und auswerten
function clicky(x, y, target)
{
  window.open('whatever.php?x='+(x-target.offsetLeft)+'&amp;y='+(y-target.offsetTop),'');
}
</script>
</head>
<body>

<img src="dragon.jpg" width="500" height="100" onmousedown="clicky(tempX, tempY, this)" alt="klick mich">

</body>
</html>

Ich hoffe, man sieht einigermaßen durch Augenzwinkern



Geschrieben von Deef am 01.04.2005 um 06:42:

 

Zitat:
Original von LX
Wow, er lebt noch großes Grinsen


Ja Du weisst ja wie das so ist mit dem Unkraut ... großes Grinsen

Zitat:

Ich hoffe, man sieht einigermaßen durch Augenzwinkern


Jup wunderbar ... vielen Dank smile


Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH