Coder Forum

JavaScript Code

<script type="text/javascript" language="JavaScript">
<!--
var request = false;
 
	// Request senden
	function setRequest() {
		// Request erzeugen
		if (window.XMLHttpRequest) {
			request = new XMLHttpRequest(); // Mozilla, Safari, Opera
		} else if (window.ActiveXObject) {
			try {
				request = new ActiveXObject('Msxml2.XMLHTTP'); // IE 5
			} catch (e) {
				try {
					request = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6
				} catch (e) {}
			}
		}
 
		// überprüfen, ob Request erzeugt wurde
		if (!request) {
			alert("Kann keine XMLHTTP-Instanz erzeugen");
			return false;
		} else {
			var url = "tische2.php";
			var tisch = document.getElementById('tisch').value;
			// Request öffnen
			request.open('post', url, true);
			// Request senden
			request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			request.send('tisch=' + tisch);
			// Request auswerten
			request.onreadystatechange = interpretRequest;
		}
	}
 
	// Request auswerten
	function interpretRequest() {
		switch (request.readyState) {
			// wenn der readyState 4 und der request.status 200 ist, dann ist alles korrekt gelaufen
			case 4:
				if (request.status != 200) {
					alert("Der Request wurde abgeschlossen, ist aber nicht OK\nFehler:"+request.status);
				} else {
					var content = request.responseText;
					// den Inhalt des Requests in das <div> schreiben
					document.getElementById('content').innerHTML = content;
				}
				break;
			default:
				break;
		}
	}
  //-->
</script>

HTML Code

<form action="tische.php" method="post" name="formular">
        	<table border="0" align="left" cellspacing="10px" cols="25%">
			<tr>
                <td>Vorname: </td>
                <td><input type="text" name="vname" title="vname" /></td>
                <td>Nachname: </td>
                <td><input type="text" name="nname" title="nname" /></td>
              </tr>
              <tr>
                <td>Telefon-Nr: </td>
                <td><input type="text" name="tel" title="tel" /></td>
                <td>E-Mail-Adresse:</td>
                <td><input type="text" name="email" title="email" /></td>
              </tr>
              <tr>
                <td>Tisch:</td>
                <td>   
                	<select name="tisch" size="1" onChange="javascript:setRequest()" style="width:100px;" id="tisch">
       					 <?php
					  		for($i=1; $i<=30; $i++) {
								echo "<option value=\"$i\">$i</option>";
							}
					  	?>
                	</select>
                </td>
                <td>Verfügbare Plätze:</td>                	
                <td> <div id="content">&nbsp;</div>   
                </td>
              </tr>
              <tr>
              	<td colspan="4"><input type="submit" title="submit" name="submit" value="Reservieren" />
                </td>
              </tr>
	</table>  
</form>

PHP Quellcode

<?php
header('Content-Type: text/html; charset=utf-8'); // sorgt für die korrekte Kodierung
header('Cache-Control: must-revalidate, pre-check=0, no-store, no-cache, max-age=0, post-check=0'); // ist mal wieder wichtig wegen IE
 
$tisch = $_POST['tisch'];
 
// Verbindung zur DB aufbauen ..
include 'connect.php';
 
$abfrage = "SELECT platz FROM tischreservierung WHERE tisch = $tisch AND NOT reserviert";
$ergebnis = mysql_query($abfrage);
while($row = mysql_fetch_object($ergebnis)){
	echo "$row->platz <input type=\"checkbox\" name=\"platz[]\" value=\"$row->platz\" /> &nbsp;&nbsp;";
 
}
?>

PHP Quellcode

if(isset($_POST['submit'])) {
			$platz = $_POST['platz'];			
			echo count($platz);
}

PHP Quellcode

$platz=$_POST['platz];