Ich versuche eine einfache Sitzplatzreservierung für ein kleines Theater zu erstellen. Dazu lade ich die Sitzreihen zeilenweise aus einer Textdatei, in der Sitznummer und Status (f, r, b) gespeichert ist. Wenn der User jetzt auf einen Sitz klickt, dann ändert sich das Bild von frei auf ausgewählt:
<?php
$counter = 0;
$file = 'seats.txt';
$line = file($file);
for($i=0;$i < 14;$i++){
$counter = $counter + 1;
$string = $line[$i];
if($counter == 8) { echo "    <img src='R1.bmp' />        "; }
if(substr($string,4,1) == "f") {
echo "<img id=$i onclick='myFunction(id)' src='chkBox_10.bmp' title='0' />    "; }
else if(substr($string,4,1) == "s") {
echo "<img id=$i onclick='myFunction(id)' src='chkBox_2.bmp' title='2' />    "; }
else if(substr($string,4,1) == "r") {
echo "<img id=$i onclick='myFunction(id)' src='chkBox_1.bmp' title='1' />    "; }
else {
echo "<img id=$i onclick='myFunction(id)' src='chkBox_3.bmp' title='3' />    "; }
}
?>
<script>
function myFunction(imgID) {
var img = document.getElementById(imgID).title;
if (img == "1") {
window.alert("Reserved seat!");
} else if (img == "2") {
window.alert("Sold seat!");
} else if (img == "3") {
window.alert("Handicap seat!");
} else if (img == "4") {
document.getElementById(imgID).src = "chkBox_10.bmp";
document.getElementById(imgID).title = "0";
} else {
document.getElementById(imgID).src = "chkBox_4.bmp";
document.getElementById(imgID).title = "4";
}
}
</script>
Wie bringe ich jetzt die ausgewählten Sitze (aus der client side Javascript Funktion) in den Warenkorb (event. auf eine neue Seite)?