Zum Inhalt springen

Empfohlene Beiträge

Geschrieben

Hi Leute,

ich habe ein Bild, ca. 200 auf 200 Pixl.

Kann ich mit PHP oder Javascript feststellen wo genau geklickt wurde.

D.h. ich klicke auf das bild (der link geht auf index.php oder so )

und da steht dann , dass ich 130 Pixl rchts und 56 Pixl von oben geklickt hab ...

cu mcmaiers

Geschrieben

Hi,

soweit ich weiss ist das nicht moeglich, da das Bild in HTML als komplettes Objekt angesehen wird. Du koenntest hoechstens das Bild in viele Einzelteile (etwa 10x10 Pixel oder 5x5 Pixel) zerlegen und dann in einer Tabelle wieder zusammenfuegen. Damit koenntest du ungefaehr die Position raus bekommen, da du ja die Zellen abfragen kannst.

Gruesse

Geschrieben

Hasb gefunden:

<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)+'&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>

Danke trotzdem

Geschrieben

mit php isses sicherer, du kannst aber die x und y position nur auf der nächsten seite nach dem senden eines formulars abfragen.

allerdings hast du hier den vorteil dass alles auch mit ausgeschaltetem javascript funktioniert.

du brauchst:

- ein <form action="" method="post">

- ein <input type="image" name="meinBild" src="meinBild.jpg">

- ein </form>

auf der nächsten seite kannste dann

- $_POST['meinBild_x']

- $_POST['meinBild_y']

abfragen.

die beiden werte geben dir an wo mit der maus auf das bild geklickt wurde.

viel erfolg

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...