<table width="100%" cellpadding="10" cellspacing="0" border="2" >
<tr class="brownHeader" style="border:1px solid #cccccc">
<td width="110px">Sdudent</td>
<td width="110px"> time</td>
<td width="230px"> Response </td>
</tr>
<table id="mytable" width="100%" >
<?php while($row=mysql_fetch_assoc($msg_query)) { ?>
<tr >
<td width="110px" ><?= $row["sender_id"]; ?></td>
<td width="110px"><? echo $row["hours"] ,":",$row["mins"]; ?></td>
<td width="130px">
<table id="table" width="100%" >
<tr>
<td id="accept"> <input type="button" id="btnShowSimple" value="Accept " </td> </tr>
<tr>
<td id="decline"> <input type="button" id="decline"value="Decline"/></td>
</tr>
</table>
</td>
</tr>
<?php }?>
</table>
</table>
<script src="scripts/jquery-1.4.3.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#btnShowSimple").click(function (e)
{
ShowDialog(false);
// $('#checkdiv').show();
e.preventDefault();
});
$("#btnClose").click(function (e)
{
HideDialog();
e.preventDefault();
});
$("#btnSubmit").click(function (e)
{
var brand = $("#brands input:radio:checked").val();
$("#output").html("<b>Your favorite mobile brand: </b>" + brand);
HideDialog();
e.preventDefault();
});
});
function ShowDialog(modal)
{
$("#overlay").show();
$("#dialog").fadeIn(300);
if (modal)
{
$("#overlay").unbind("click");
}
else
{
$("#overlay").click(function (e)
{
HideDialog();
});
}
}
function HideDialog()
{
$("#overlay").hide();
$("#dialog").fadeOut(300);
}
</script>