Hallo an alle,
ich möchte euch um Unterstützung bei folgendem Vorhaben bitten.
Ziel: Durch Mausklick in ein Feld soll der Buchstabe T in das Feldgeschrieben werden.
Danach sollen die Koordinaten des Klicks an php übermittelt werden um sie in eine
Datenbank zu schreiben. Durch jeden Klick in das Feld wird ein neues T erzeugt.
Ich möchte jedes T in dem Feld sehen und in der Datenbank speichern.
Sowohl Datenbank als auch Tabelle sind angelegt. Ich scheitere leider an der Übergabe
der Koordinaten.
Hier mein Minimalbeispiel:
Grüße & Danke Capa
ich möchte euch um Unterstützung bei folgendem Vorhaben bitten.
Ziel: Durch Mausklick in ein Feld soll der Buchstabe T in das Feldgeschrieben werden.
Danach sollen die Koordinaten des Klicks an php übermittelt werden um sie in eine
Datenbank zu schreiben. Durch jeden Klick in das Feld wird ein neues T erzeugt.
Ich möchte jedes T in dem Feld sehen und in der Datenbank speichern.
Sowohl Datenbank als auch Tabelle sind angelegt. Ich scheitere leider an der Übergabe
der Koordinaten.
Hier mein Minimalbeispiel:
HTML:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset = "utf-8" />
<title> Klickbox </title>
<h1 id="titel"> Klickbox </h1>
<style>
#feld{
position: relative;
top: 100px;
left: 200px;
width: 200px;
height: 100px;
background-color: #d3d3d3;
}
</style>
<script src="https://code.jquery.com/jquery-2.1.0.js"></script>
<div id="feld" onclick="klick(event)" ></div>
</head>
<body>
<script>
function klick(e){
var div = document.createElement("DIV");
var t = document.createTextNode("T");
div.style.position="absolute";
div.style.left = e.offsetX + "px";
div.style.top = e.offsetY + "px";
div.appendChild(t);
document.getElementById("feld").appendChild(div);
console.log(e.offsetX, e.offsetY)
}
</script>
<?php
$con = mysqli_connect("", "root");
mysqli_select_db($con, "klickbox");
mysqli_close($con);
?>
</body>
</html>Grüße & Danke Capa
