Search the Community

I'm trying to develop a simple theatre seat reservation system. I'm using a text file "seats.txt", where I store seat number and status (f, r, s) and read the file line by line. If the user clicks on an image the javascript function is triggered and the image will change: <?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 "&nbsp &nbsp <img src='R1.bmp' /> &nbsp &nbsp &nbsp &nbsp"; } if(substr($string,4,1) == "f") { echo "<img id=$i onclick='myFunction(id)' src='chkBox_10.bmp' title='0' /> &nbsp &nbsp"; } else if(substr($string,4,1) == "s") { echo "<img id=$i onclick='myFunction(id)' src='chkBox_2.bmp' title='2' /> &nbsp &nbsp"; } else if(substr($string,4,1) == "r") { echo "<img id=$i onclick='myFunction(id)' src='chkBox_1.bmp' title='1' /> &nbsp &nbsp"; } else { echo "<img id=$i onclick='myFunction(id)' src='chkBox_3.bmp' title='3' /> &nbsp &nbsp"; } } ?> <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> My question is now: How can I get the selected seats (from the client side javascript) into a shopping cart (eventually on another page)?