Foto Tagging

h4dhunTer

Erfahrenes Mitglied
Hallo,
ich möchte in meiner Galerie gerne ein Fototagging Tool einbauen. Nun habe ich schon ein wenig gegoogelt und mir das ein wenig angeguckt.
Wenn es fertig ist, gibt es ein Bild mit den dazugehörenden DIV-Boxen wo der inhalt drin ist.
Leider verstehe ich aber nicht, wie das Tagging am anfang abläuft. Sprich: Wie kann der User einen Bereich im Bild anklicken und den Text eingeben. Außerdem: Wie bekomme ich dann die Informationen (Position und Text) in eine Datenbank eingetragen?

Vielleicht hat jemand einen Ansatz oder auch einen Link für mehr Informationen. Vielen Dank schonmal!
 
Wenn ich dich richtig verstanden habe, sollte das hier was für dich sein:

pos.php
HTML:
<div style="cursor:crosshair">
    <a href="pos1.php?pos="><img src="image.jpg" border="0" ismap></a>
</div>
<script language="JavaScript"><!--
str = location.search;
commaloc = str.indexOf(",");

//--></script>

pos1.php:
PHP:
<?php
session_start();
$pos = $_GET[pos];
$string = substr($pos,1);
$teilstring = explode(",",$string);
$kdxpos = $teilstring[0];
$kdypos = $teilstring[1];
session_register(kdxpos, kdypos);
?>
<html>
	<head>
	</head>
	<body onload="javascript:self.close()">
		<p></p>
	</body>
</html>

Anschließend kannst du die Position, wo der User geklickt hat, aus den Session Variablen auslesen und mit php weiter verarbeiten. Und den Text bekommst du aus einem ganz normalen Formular. Für mich erscheint es am einfachsten, wenn du das Bild zur Auswahl in ein Popup Fenster packst. Dann muß das Hauptfenster nicht neu geladen werden und mit der Verarbeitung im pos1.php wird das Fenster automatisch wieder geschlossen.
 
Naja...da wäre die Antwort von Sprint ja schon ein guter Ansatz :)

Um beides in einem Rutsch zu Erledigen, könntest du die als verweis-sensitiv Grafik ein <input type="image"> nutzen, so hättest du die Möglichkeit, gleichzeitig den Text und die Klickkordinaten zu Übermitteln.

Javascript ist bei beiden Sachen eigentlich nicht vonnöten.
 

Neue Beiträge

Zurück