Code: Alles auswählen
<form method="post">
<button name="ansicht" value="liste">Listenansicht</button>
<button name="ansicht" value="kachel">Kachelansicht</button>
</form>Code: Alles auswählen
<?php
session_start();
// Cookie lesen
$ansicht = $_COOKIE['ansicht'] ?? 'liste';
// Cookie setzen (wenn umgeschaltet)
if (isset($_POST['ansicht'])) {
$ansicht = $_POST['ansicht'];
setcookie(
'ansicht',
$ansicht,
time() + 60*60*24*30,
'/'
);
}
?>
<tr>
<td>Hubert</td>
<td>Müller</td>
<td>Kuatsu und Akupressur</td>
<td>Eigenverlag Oblinger-Kerscher</td>
<td data-img="https://www.shotokan-karate-dojo-neukir ... Kuatsu.png" data-text="">978-3-00-064343-9</td>
<td><a href="https://eigenverlag-oblinger-kerscher.de/" target="_blank">Leseprobe</a></td>
<td>
<select id="einzel-select">
<option value="">-- bitte wählen --</option>
<option>- - - - - - -</option>
<option>Anna</option>
<option>Bernd</option>
<option>Clara</option>
<option>David</option>
</select>
</td>
Das Javascript in die Seiteneigenschaften: vor End body<tr data-row-id="978-3-00-064343-9">
<td>Hubert</td>
<td>Müller</td>
<td>Kuatsu und Akupressur</td>
<td>Eigenverlag Oblinger-Kerscher</td>
<td>978-3-00-064343-9</td>
<td><a href="https://eigenverlag-oblinger-kerscher.de/" target="_blank">Leseprobe</a></td>
<td>
<select class="einzel-select">
<option value="">-- bitte wählen --</option>
<option>Anna</option>
<option>Bernd</option>
<option>Clara</option>
<option>David</option>
</select>
</td>
</tr>
Code: Alles auswählen
<script>
document.querySelectorAll('.einzel-select').forEach(select => {
const row = select.closest('tr');
const rowId = row.dataset.rowId;
// gespeicherten Wert setzen
const saved = localStorage.getItem('zuordnung_' + rowId);
if (saved) {
select.value = saved;
}
// Änderung speichern
select.addEventListener('change', function () {
localStorage.setItem('zuordnung_' + rowId, this.value);
});
});
</script>
Code: Alles auswählen
<select id="einzel-select">
<option value="">-- bitte wählen --</option>
<option>- - - - - - -</option>
<option>Anna</option>
<option>Bernd</option>
<option>Clara</option>
<option>David</option>
</select>
CREATE TABLE ausleihen (
isbn VARCHAR(30) PRIMARY KEY,
ausgeliehen_an VARCHAR(50) NOT NULL DEFAULT ''
);
<?php
$pdo = new PDO(
"mysql:host=localhost;dbname=DEINE_DB;charset=utf8mb4",
"DB_USER",
"DB_PASS",
[
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC
]
);
<?php
require "db.php";
header("Content-Type: application/json");
//Daten laden
if ($_SERVER["REQUEST_METHOD"] === "GET") {
$stmt = $pdo->query("SELECT isbn, ausgeliehen_an FROM ausleihen");
echo json_encode($stmt->fetchAll(PDO::FETCH_KEY_PAIR));
exit;
}
//Daten speichern
if ($_SERVER["REQUEST_METHOD"] === "POST") {
$data = json_decode(file_get_contents("php://input"), true);
$isbn = trim($data["isbn"] ?? "");
$wert = trim($data["wert"] ?? "");
if ($isbn === "") {
http_response_code(400);
exit;
}
$stmt = $pdo->prepare("
INSERT INTO ausleihen (isbn, ausgeliehen_an)
VALUES (?, ?)
ON DUPLICATE KEY UPDATE ausgeliehen_an = VALUES(ausgeliehen_an)
");
$stmt->execute([$isbn, $wert]);
echo json_encode(["status" => "ok"]);
}
Entferne dein LocalStorage-Script komplett DIESEN Block unten einfach da lassen, wo er jetzt ist<script>
document.addEventListener("DOMContentLoaded", function () {
const selects = document.querySelectorAll(".einzel-select");
//
fetch("ausleihen_api.php")
.then(res => res.json())
.then(data => {
selects.forEach(select => {
const row = select.closest("tr");
const isbn = row.querySelector("td:nth-child(5)").textContent.trim();
if (data[isbn] !== undefined) {
select.value = data[isbn];
}
});
});
//
selects.forEach(select => {
select.addEventListener("change", function () {
const row = this.closest("tr");
const isbn = row.querySelector("td:nth-child(5)").textContent.trim();
fetch("ausleihen_api.php", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
isbn: isbn,
wert: this.value
})
});
});
});
});
</script>
Code: Alles auswählen
Daten laden
Daten speichernCREATE TABLE ausleihen (
isbn VARCHAR(30) PRIMARY KEY,
ausgeliehen_an VARCHAR(50) NOT NULL DEFAULT ''
);Hier eine saubere Lösung für db.php:<?php
$pdo = new PDO(
"mysql:host=localhost;dbname=DEINE_DB;charset=utf8mb4",
"Hier DB USER",
"HIER Passwort",
[
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC
]
);
Code: Alles auswählen
<?php
$host = 'localhost';
$dbname = 'DEINE_DB';
$user = 'DB_USER';
$password = 'DB_PASS';
$dsn = "mysql:host={$host};dbname={$dbname};charset=utf8mb4";
$options = [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
PDO::ATTR_EMULATE_PREPARES => false,
];
try {
$pdo = new PDO($dsn, $user, $password, $options);
} catch (PDOException $e) {
die('Datenbankverbindung fehlgeschlagen.');
// für Entwicklung:
// die($e->getMessage());
}
einfach solernen, das muss man über Monate - wenn nicht Jahre - erlernen. SQL wird dann in Verbindung mit PHP ausschließlich für die Datenbank verwendet.
Code: Alles auswählen
<tr>
<td>Hubert</td>
<td>Müller</td>
<td>Kuatsu und Akupressur</td>
<td>Eigenverlag Oblinger-Kerscher</td>
<td data-img="https://www.shotokan-karate-dojo-neukir ... Kuatsu.png" data-text="">978-3-00-064343-9</td>
<td><a href="https://eigenverlag-oblinger-kerscher.de/" target="_blank">Leseprobe</a></td>
<td>
<select id="einzel-select">
<option value="">-- bitte wählen --</option>
<option>- - - - - - -</option>
<option>Anna</option>
<option>Bernd</option>
<option>Clara</option>
<option>David</option>
</select>
</td>Mitglieder in diesem Forum: Amazon [Bot], Majestic-12 [Bot] und 3 Gäste