Table Reservations

abrahamgarcia27 · August 19, 2011

Hello I am working on a table reservation application for a restaurant i am really new to coding i have the in restaurant reservation form


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<title>Local Store Reservation Form</title>
<link href="src/facebox.css" media="screen" rel="stylesheet" type="text/css" />
 <script src="lib/jquery.js" type="text/javascript"></script>
  <script src="src/facebox.js" type="text/javascript"></script>
  <script type="text/javascript">
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox({
        loadingImage : 'src/loading.gif',
        closeImage   : 'src/closelabel.png'
      })
    })
  </script>

<!-- jQuery & jQuery UI + theme (required) -->
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.15.custom.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<!-- keyboard widget css & script (required) -->
<link rel="stylesheet" href="css/keyboard.css">
<script src="js/jquery.keyboard.js"></script>

<!-- keyboard extensions (optional) -->
<script src="js/jquery.mousewheel.js"></script>
<!--
<script src="js/jquery.keyboard.extension-typing.js"></script>
<script src="js/jquery.keyboard.extension-autocomplete.js"></script>
-->

<!-- initialize keyboard (required) -->
<script>
	$(function(){
		$('#keyboard').keyboard();
	});
</script>
    <script>
	$(function(){
		$('#keyboard2').keyboard();
	});
</script>
    <script>
	$(function(){
		$('#keyboard3').keyboard();
	});
</script>
<script>
	$(function(){
		$('#keyboard4').keyboard();
	});
</script>
  


    

</head>
<body>
<form name="registerreservation" method="post" action="localregister.php">
<table width="600px" align="center">

<tr>
<td valign="middle">
<label for ="fname">Full Name: </label>
</td>
<td valign="middle"> 
<input id="keyboard" type="text" name="fname" maxlength="50" height="30"size="30" />
</td>
</tr>


<tr>
<td valign="middle">
<label for="n_people">People Attending:</label>
</td>
<td valign="middle">
<input id="keyboard2" type="text" name="n_people"  maxlength="50" height="30" size="30"  />
</td>
</tr>


<tr>
<td valign="middle">
<label for="t_number">Table Number: </label>
</td>
<td valign="middle">
<a href="tables.html" rel="facebox"><input type="text" name="t_number" id= "tables" value="" height="30" maxlength="50" size="30" /></a>
</tr>


<tr>
<td valign="middle">
<label for="waiter"> Waiter: </label>
</td>
<td valign="middle">
<input id="keyboard4" type="text" name="waiter" height="30" maxlength="50" size="30" />
</td>
</tr>

<tr>
<td colspan="2" style="text-align:center">
<input type="submit" name="reserve" value="Reserve"/>
</td>
</tr>

</table>
</form>
</body>
</html>

on the table field i have pop out box with jquery that pulls another html form. I have a button that has a value of 5 which is symbolic to the table number. I want that value to transfer to my main form.

here is the html form for the tables

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tables</title>
</head>

<body>

<input type="submit" value="5" />
</body>
</html>

what would be the easiest way to do this?

Sign In

Table Reservations

Recommended Posts

abrahamgarcia27

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information