Javascript & Mausposition in Bild

PeopleSaw

Grünschnabel
Hallo,

Ich habe mich an einen Javascript versucht was mir die Position des Mauszeigers in einen Bild anzeigt, mein Problem ist das ich nur php gelernt habe und kein javascript. Wie ich die Mauszeigerposition abfragen kann hab ich schon "rausgefunden/gescriptet". Allerdings möchte ich eine "Echtzeiganzeige" über den Bild mit den Koordinaten haben. Ich dachte ich schick die Koordinaten einfach an ein PHP Script, aber google-der-beste-freund meint das geht nicht weil java clientseitig ist und php serverseitig, stimmt das ? Weil ich möchte die Koordinaten im Bild ausgeben (noch etwas umgerechnet) und wenn mann dann drauf klickt das er eine .php Datei aufruft und die kriegt ja dann die Variablen über GET. Das geht ja oder ?

PHP:
<html>
<body>
<script language="Javascript">
<!--
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);
}
//-->
</script>
<br><br>
<img src="Bild3.png" id="bild" onclick="getCords()">



</body>

</html>

mfg Chris
 
Das geht ja oder ?

Jo, das geht, endweder indem du einen XMLHttpRequest absetzt(frage deinen besten Freund nach AJAX)...aber auch durch simples Senden eines Formulars:
Benutze die Grafik als image-Submit eines Formulars, welches du bspw. in ein verstecktes iFrame sendest...die Klickkoordinaten werden dann automatisch übermittelt.
 

Neue Beiträge

Zurück