Maus-Koordinaten auf Bild auslesem

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo zusammen

ich suche nach einer Möglichkeit per Javascript die aktuelle Mausposition in ein Formularfeld schreiben zu lassen. So etwas ähnliches wie hier: http://javarea.de/index.php3?opencat=Javascript&subc… nur dass eben nicht der Bildschirm als Basis verwendet wird, sondern das Bild. Außerdem wäre es noch wichtig, dass diese Anzeige dann bei einem Klick in das Bild „einfriert“.

Das ganze will ich für eine Karte verwenden, auf der die Mitglieder dann ihren ungefähren Wohnort angeben können.
Leider habe ich von javascript allerdings keine Anhnung, die weitere Verwendung dieses Formulars würde ich aber machen können.

Grüße Andre

#2

Moin,

wenn Du nur die Koordinaten eines Bildes brauchst, dann zeigt mein Grafikprogramm (Paintshop Pro) in der Statusleiste mir diese an und ich kann diese mir notieren.

Aber auch die Freeware „html-Editor“ (zumindest meine Version) kann ein wenig mehr.
Man ruft eine Bild auf und mit der rechten Maustaste klickt man jeweils die Punkte an und der html-Editor schreibt sie Dir in seinem Editor nacheinander auf.

„Imagemaps“ kann man dadurch erzeugen.
google hilft Dir bei diesem Stichwort sicher weiter.

Bilder zum Klicken:
http://www2.informatik.hu-berlin.de/Themen/www/image…

Gruss

Olaf

#3

oder Google Maps wie bei quipe.com
Moin,

Das ganze will ich für eine Karte verwenden, auf der die
Mitglieder dann ihren ungefähren Wohnort angeben können.
Leider habe ich von javascript allerdings keine Anhnung, die
weitere Verwendung dieses Formulars würde ich aber machen
können.

oder es reicht Google Maps
http://maps.google.de/maps

vielleicht kannst Du Dir da auch eigene Karten erstellen, wo dann die Mitglieder ihre Wohnorte eintragen können?!?

Gruss

Olaf

#4

Grafikprogramm

Die Sache ist ja, dass die Benutzer ihre Position eintragen sollen, und dass da jeder das Bild im Grafik-Editor aufmacht und dann seine Position abliest, ist etwas umständlich, deshalb will ich das ganze ja mit Javascript machen

Imagemaps

Hatte ich mir schon überlegt, aber ich denke wenn man zig hundert ein Pixel große imagemap-Bereiche anlegen soll wird es etwas schwierig (auch rießiges Teil im Quelltext).

GoogleMaps

Genau nach dem Vorbild, nur ist mir die GoogleMaps-API (auch Javascript) doch viel zu kompliziert und auch öffentliche Karten können nich von jedermann editiert werden.

Grüße Andre

#5

baseportal Re: Maus-Koordinaten aus Bild auslesen
Moin,

Wenn Du ein wenig in perl programmierst, dann kannst Du auch baseportal nutzen und die Mitglieder tragen ihre Daten in die baseportal-Datenbanken ein.
Du brauchst „nur“ die Daten auslesen und weiterverarbeiten.
baseportal-Datenbanken: http://www.baseportal.de

Wenn Du schon die einfache google-Maps-Lösung nicht möchtest, dann mußt Du schon Dir etwas selbst basteln.
Viel Erfolg.

Olaf

#6

Ansatz

Hallo Andre,

vielleicht findet sich in folgendem Code ein Ansatz für Dich:

\<!--

function setCords(e)
{
x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;

 x -= document.getElementById("bild").offsetLeft;
 y -= document.getElementById("bild").offsetTop;
}

document.onmousemove = setCords;

function getCords()
{
 alert("x: " + x + "\ny: " + y);
}

//--\>

Schöne Grüße,

Mohamed.

#7

Danke!
Hey Mohamed

Vielen Dank für diesen Code, musste nur noch die Ausgabe von Alert auf Formular umbauen, aber das war kein Problem. Funktioniert einwandfrei, so wie ich es mir vorgestellt hatte :smile:

Grüße Andre

1 Like