events.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<?php

include('db.php');

$sqlget = "SELECT * FROM user WHERE SelectDate = "params['selectDate'];
$sqldata = mysql_query($sqlget);

?>

  <script type="text/javascript">
            var myVar = 'Hello';
            function displayMyVar(targetElementId) {
                document.getElementById(targetElementId).innerHTML = myVar;
            }
        </script><title>Calendar of Events</title>
  <center><h1 id="title">

    </h1></center>

  <script type="text/JavaScript" language="JavaScript">

function objectFromQueryString(string){
    var has = Object.prototype.hasOwnProperty;

    if (arguments.length = 0) {
        string = window.location.search;
    }

    // remove the leading "?"
    if (string[0] === "?") {
        string = string.slice(1);
    }

    var parts = string.split("&");
    var obj = {};

    parts.forEach(function(pair){
        var tmp = pair.split("=");
        var key = decodeURIComponent(tmp[0]);
        var value = decodeURIComponent(tmp[1]);

        if (has.call(obj, key)) {
            if (typeof obj[key].push) {
                obj[key].push(value);
            }
            else {
                obj[key] = [obj[key], value];
            }
        }
        else {
            obj[key] = value;
        }
    });

    return obj;
}

  </script></head><body style="background-color: transparent;" onload="changedate('return') ">

<script type="text/JavaScript" language="JavaScript">
  var params = objectFromQueryString(location.search);
  console.log(params['selectDate']);
  title.textContent = "Events for " + params['selectDate'];

</script>

<center>
  <a href="evtcalendar.htm">Go to Calendar</a><br>
<br>
&nbsp;
<table style="width: 1584px; height: 1159px;" id="evtcal" border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="padding-top: 3px; padding-bottom: 3px; width: 600px; vertical-align: top; text-decoration: none; background-color: rgb(255, 255, 200); text-align: left;"><br>
          <form id="myForm" action="userInfo.php" method="post">
Name &#8195;&#8195;&#8195;&#8195;&#8195;&#8195;: <input name="name" type="text"> Phone Number : <input name="phonenum" type="text">
Number of People : <input name="numpeople" type="text">
Tables &#8195;&#8195;&#8195;&nbsp;&#8195;: <input name="tables" type="text"><br><br>
BBQ &#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&nbsp;&nbsp;: <input name="bbq" type="text">&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;&#8195;
Notes &#8195;&#8195;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8195;: <textarea name="notes" type="text" rows="2" cols="30"></textarea>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input name="SelectDate" id="date" value="">
<script type="text/JavaScript" language="JavaScript">
  date.value = params['selectDate'];
  </script>
            <button id="sub" style="width: 200px; height: 50px; font-size: 30px;">Save </button><br></form>
      <span id="result"></span>
      <table style="text-align: left; width: 100%; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">
        <tbody>
			<th>#</th>
			<th>Name</th>
			<th>Number of People</th>
			<th>Barbeque</th>
			<th>Tables</th>
			<th>Phone Number</th>
			<th>Notes</th>

<?php

while($user=mysql_fetch_assoc($sqldata)){

	$i=1;
	echo "<tr>";
	echo "<td>"i"</td>";
	echo "<td>".$user['name']."</td>";
	echo "<td>".$user['numpeople']."</td>";
	echo "<td>".$user['tables']."</td>";
	echo "<td>".$user['bbq']."</td>";
	echo "<td>".$user['phonenum']."</td>;
	echo "<td>".$user['notes']."</td>;
	echo "</tr>";
}
?>


        </tbody>
      </table>
      <br>
<p style="font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal;" align="center">This free script provided by<br>
      <a href="http://www.javascriptkit.com">JavaScript Kit</a> </p>
      </td>
    </tr>
  </tbody>
</table>
<span style="text-decoration: underline;"></span>
<form id="eventform" name="eventform" action="#" method="get"></form>
</center>
  <script src="script/jquery-1.8.1.min.js" type="text/javascript"></script>
  <script src="script/my_script/my_script.js" type="text/javascript"></script>
</body></html>