jQuery Forum

<div id="instructorSidebarDiv" >

This is the view that calls the dialog box which houses the partial view.

@model SchoolIn.ViewModels.InstructorIndexData

@using SchoolIn.Models

@{

    ViewBag.Title = "AllAttendance";

    }

<h2>All Attendance    </h2>

  <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

 <link href="../../Content/dataTable/the_table.css" rel="Stylesheet" type="text/css" />

   <script src="../../Scripts/DataTables-1.9.1/media/js/jquery.dataTables.js" type ="text/javascript"></script>

<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>

<script src="../../Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>

<script src="../../Scripts/GradeValidation.js" type="text/javascript"></script>

<link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />

       <script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>

<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js" type="text/javascript"></script>

<script type="text/javascript">

    $(document).ready(function () {

        $(function () {

            $(".datepicker").datepicker({ dateFormat: 'mm.dd.yy' });

            $("#dropdownselected1").val($("#categories").val());

        });

        var dialogButton;

        $(function () {

            $('#my-dialog').dialog({

                autoOpen: false,

                width: 700,

                height: 600,

                title: "Schedule",

                resizable: false,

                modal: false,

                buttons: {

                    "Close": function () {

                        $(this).dialog("close");

                    }

                }

            });

            $('.modal').click(function () {

                $('#my-dialog').load(this.href, function () {

                    $(this).dialog('open');

                });

                return false;

            });

        });

    });

</script>

<p>

    @Html.ActionLink("Create New", "Create")

</p>

<table id=" allAttendanceMainTable" style ="width:100%">

  <td id="instructorLeftCell" style ="width:20%;vertical-align:top">

    <div id="instructorSidebarDiv" style ="top"><table id="instructorSideBarTable" style ="vertical-align:top"><td style ="vertical-align:top"><tr>                           

     @Html.ActionLink("My Schedule", "GetSchedule","Schedule", new { tester = 3 }, new { @class = "modal" })<br />

    @Html.ActionLink("Today's Attendance", "Index", "Attendance", new { id = 3, courseID = 1005, teacher ="Tom Dewey", course = "Geometry", category="Engineering" }, null)</tr></td></table></div>

    </td>

    <td id="instructorRightCell" style ="width :80%">

<table id="allAttendanceTable_1">

    <tr> 

        <th>Reports</th>

        <th>Quick View</th>

            <th>First Name</th> 

            <th>Last Name</th>

            <th>Class</th>

            <th id="allAttendanceGradeHead" style="border-color:Black">Grade</th> 

            <th>Attendance Code</th> 

             <th id=classDayHead>Class Day</th>

             <th>Assignment Type</th>

             <th>Overall Grade</th>

        </tr> 

@foreach (var item in Model.Enrollments)

{