$(document).ready(function(){ $('.close-button').click(function(){ $('#table_overlay').fadeOut('fast'); $('#table_overlay_div').fadeOut('fast'); }); }); </script> </head> <body> <?php /** *function to view all task */ include "Tasks.php"; $obj = new Tasks(); $obj->viewTasks(); if (!($row = $obj->fetch())) { echo "there are no tasks currently"; } /** *Setting a table to contain the contents of tasks objects */ echo "<table border='2'>"; echo "<tr><td>TASK ID</td><td>TASK NAME</td><td>TASK DESCRIPTION</td><td>START DATE</td>\n <td>END DATE</td><td>LOCATION</td></tr>"; while ($row) { echo "<tr><td>{$row["task_id"]}</td><td><a href=tasksdisplayselected.php?id=" . $row["task_name"] . ">{$row["task_name"]}</td>"; echo "<td>{$row["task_description"]}</td><td>{$row["start_date"]}</td>\n <td>{$row["end_date"]}</td><td>{$row["location"]}</td>"; $row = $obj->fetch(); } echo "</table>"; ?>