[JavaScript] Nullpunkte ändern

**Kropff** · 07.09.2008, 17:53

kannst du das mal so erklären, dass ich es verstehe?

peter

**Tarlar** · 07.09.2008, 17:59

Gerne! Wenn ich mir mit JS die Position des Mauszeigers anzeigen lasse, dann wird Position relativ zur oberen linken Ecke des Browserfenster angezeigt.

Was ich jetzt erreichen willst ist, dass ich im Code festlegen kann zu welchem Punkt die Position bestimmt werden soll.

**Kropff** · 07.09.2008, 18:17

also so ganz habe ich es immer noch nicht verstanden aber vielleicht hilft dir das hier und auch das hier weiter.

peter

**Tarlar** · 07.09.2008, 18:39

So schwer ist das doch nicht. Ich habe folgende Funktion:

PHP-Code:


function pos_bestimmen(e)

         {

         x = e.pageX;

         y = e.pageY;

         

         alert('X:' + x + 'px / Y:' + y + 'px');

         }



document.onclick = pos_bestimmen;

Wenn ich jetzt irgendwo in meinem Browserfenster klicke, wird mir die Position des Mauszeigers ausgegen. Zum Beispiel X:365px / Y:248px. Und das ist bekanntlich der Abstand zur linken oberen Ecke des Browserfensters.

Ich möchte jetzt aber zum Beispiel dem Abstand zur RECHTEN oberen Ecke des Browserfensters. Oder irgendeinem beliebigen Punkt auf der Seite.

**Kropff** · 07.09.2008, 18:52

das ist doch einfachste mathematik. z.b.rechts oben:

PHP-Code:


x = e.pageX;

rechts_x = window.innerWidth - x;

peter

**Tarlar** · 07.09.2008, 18:54

Das mit rechts oben war ja nur ein Beispiel

Ich will ja den Abstand zu einem beliebigen Punkt, den ich in meiner HTML Datei festlegen kann.

**Kropff** · 07.09.2008, 18:56

sag doch mal ganz genau was du willst. und bitte mit einem konkreten beispiel.

peter

**Tarlar** · 07.09.2008, 19:08

PHP-Code:


<HTML>

<body>



<table>

<tr><td>Zeile 1</td></tr>

<tr><td>Zeile 2</td></tr>

<tr><td>Zeile 3</td></tr>

<tr><td>Zeile 4</td></tr>

<tr><td>Zeile 5</td></tr>

<tr><td>Zeile n</td></tr>

</table>



<img src="bild.jpg">





</body>

</HTML>

Das ist der Code. Die Tabelle hat beliebigviele Zeilen. Das variiert von User zu User. Ich brauche aber für meinen Javascriptcode die genaue Position des Bildes darunter. Weil auf dieses Bild beim Klick Punkte gesetzt werden sollen. Und da die Tabelle ja unterschiedlich groß sein kann, ist es nicht möglich, dass ich vordefinierte Positionangeben zum Bild in der JS-Funktion angebe.

**Kropff** · 07.09.2008, 19:31

umpf, das ist heftig. auf die schnelle fällt mir da auch keine lösung ein. höchstens event-handler auf das bild legen und mausposition abfragen. bei klick wird dann eine markierung gesetzt. ich denke aber, dass ist nicht das, was du willst. denn es gibt imho keine chance da mit relativen positionen zu arbeiten. wenn mit was einfällt, melde ich mich.

peter

**Tarlar** · 07.09.2008, 19:37

Wäre es evtl. möglich, dass ich das Bild in einen iframe packe? Oder wird zur Positionsbestimmung immer noch das Browserfenster verwendet?

**Kropff** · 07.09.2008, 19:43

bei einem iframe kannst du innerhalb desselben mit absoluter positionierung arbeiten. dann sollte es funktionieren, da die werte einwandfrei zu erfragen sind. allerdings habe ich seit jahren nicht mehr mit frames/iframes gearbeitet.

peter

**pekka** · 07.09.2008, 20:31

Warum nicht die Position des Bildes einfach direkt abfragen?
Zum Beispiel mit den Positions-Funktionen von Prototype?

**Blackgreetz** · 07.09.2008, 20:34

..oder du packst das Bild in ein Div und subtrahierst, wie Kropff oben mal sagte, den Abstand Div (nach oben) von dem Abstand des Bildes (nach oben).. & gleiches nach Links..

mfg

[JavaScript] Nullpunkte ändern