x und y wert

[AaM]

hi,

ich hab ein kleines prob:

ich hab ein img, und möchte, wenn ich mit der maus, über das img fahre, den jewaligen x und y wert bekommen, und wenn man auf das img draufklcikt, soll der jewalige wert, in einer textarea gespeichert werden.

jemand ne idde

danke

[wahsaga]

Re: x und y wert

meinst du mit x und y die breite und höhe des bildes, oder seine position?

[Campus]

ich glaub er will die position der maus relativ zum bild dann haben

[Ultra]

Hi,

ich würde dann auf die Images einen onmousemove-Event bzw. onmouseclick-Event legen.

die onmousemove Methode (z.B.: getXY(e)) sieht dann so aus :

function getXY(e) {
  var x, y;

   // Fallunterscheidung Browser !!

   // Für den IE
   x = event.x + document.body.scrollLeft;
   y = event.y + document.body.scrollTop;

  // Für den NN
  x = e.pageX;
  y = e.pageY;
} 

So, oder so ungefähr sollte es dann aussehen.

Grüße, Ultra.

[AaM]

danke für die antworten

@Ultra

dein script geht ja nur wenn javascript aktiv ist oder ?

naja hab runprobiert und was gefunden ganz easy und dürfte überral gehen

<A href="#">
<IMG isMap src="../images/cre8toplist_standard/get/rang.png" border="0">
</A>

das müsste ja überral gehen oder ?

[Ultra]

Hi Du,

hier mal ein Zitat aus selfhtml zu dem isMap Attribut :

Bei dieser Methode ist zum Verwalten von verweis-sensitiven Grafiken eine Kommunikation zwischen Web-Browser und Web-Server erforderlich. Der Nachteil ist, dass solche verweis-sensitive Grafiken nicht lokal in jeder Umgebung funktionieren, und dass der Server zusätzlich belastet wird. Insgesamt kann diese Methode heute als veraltet gelten und wird hier nur noch der Vollständigkeit halber erwähnt.

Das Prinzip funktioniert folgendermaßen: aufgrund eines HTML-Attributs weiß der Web-Browser, dass es sich bei einer Grafik um eine verweis-sensitive Grafik handelt. Wenn der Anwender dann irgendwo auf die angezeigte Grafik klickt, überträgt der Web-Browser die Pixelkoordinaten des Mausklicks (relativ zur oberen linken Ecke der Grafik) an eine spezielle "Imagemap"-Software auf dem Server-Rechner. Diese Software ermittelt, ob die Pixelkoordinaten innerhalb einer als verweis-sensitiv definierten Fläche der Grafik liegen. Wenn ja, ermittelt die Software, welcher Verweis dieser sensitiven Fläche zugeordnet ist. Die entsprechende Verweisadresse wird dem Web-Browser gesendet. Dieser führt den Verweis dann aus.

Wenn Sie eine verweis-sensitive Grafik nach diesem Schema einsetzen möchten, fragen Sie bei Ihrem Provider nach, welche Software zum Verarbeiten verweis-sensitiver Grafiken auf diesem Server im Einsatz ist, und was genau Sie brauchen. In der Regel brauchen Sie eine sog. "Map-Datei" und einen Eintrag in einer Konfigurationsdatei. In der Map-Datei ordnen Sie verweis-sensitive Flächen und gewünschte Verweise einander zu. In der Konfigurationsdatei ist ein Eintrag für die Server-Software nötig.

Grüße, Ultra.

[AaM]

*mief*

dann doch was anders, aber wie gesagt java geht ja net überral, gibts da echt nix anderes ?

[Ultra]

Willst Du denn unterschiedeliche Links damit ansteueren, oder wirklich nur die Koordinaten in der Textarea speichern ??

[AaM]

nein, ich will nur die koordinaten in ein textfeld speichern, wenn es geht x und y in 2 unterschiedlichen.

[Campus]

jetzt kommt die hyper non JS lösung, splitte dein bild in alle pixel und bau die pixel entsprechen verlinkt wieder auf

[AaM]

super

bringt net viel , denn ich will nacher durch den x und y wert, per gd was auf das bild kopieren

[Ultra]

@Campus

Jepp, das sollte wohl gehen und der Arbeitsaufwand ist erträglich

[Campus]

naja, ihr wisst wohl nicht, zu was alles php in der lage ist