Please help iam getting the error below when i try Load the page
Unhandled exception at line 836, column 9 in http://localhost:2300/FormsV2/Precomments.aspx?admno=24-00657&studentname=ALIZA SUHAIB
0x800a1391 - JavaScript runtime error: 'tinymce' is undefined
<script type="text/javascript" src="../tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({ selector: 'textarea', width: 300 });
</script>
<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/FormsV2/Site1.Master" CodeBehind="Precomments.aspx.vb" Inherits="SMIS2022WEB.Precomments1" ValidateRequest="false" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<title></title>
<style type="text/css">
.auto-style1 {
width: 20%;
}
.auto-style3 {
width: 20px;
background-color: #66FFFF;
}
.auto-style4 {
width: 20px;
background-color: #66FFFF;
}
.auto-style7 {
background-color: #66FFFF;
}
.auto-style8 {
background-color: #FFFFFF;
}
.auto-style9 {
width: 10px;
background-color: #66FFFF;
}
.auto-style10 {
height: 20px;
width: 20%;
}
</style>
<body>
<div>
<script type="text/javascript" src="../Scripts/Jquery-3.5.1.js"></script>
<script type="text/javascript" src="../Scripts/Jquery.datatables.min.js"></script>
<script type="text/javascript" src="../Scripts/datatable.fixedColumns.min.js"></script>
<link href="../Scripts/Jquery.datatables.min.css" rel="stylesheet" type="text/css" />
<link href="../Scripts/fixedColumns.dataTables.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
$('#SubjectGrd tfoot tr').appendTo('#SubjectGrd thead');
$('#SubjectGrd').removeAttr('width').DataTable({
bLengthChange: true,
lengthMenu: [[15, 20, -1], [15, 20, "All"]],
bFilter: true,
bSort: true,
scrollCollapse: true,
paging: true,
fixedColumns: false,
orderCellsTop: true
});
});
</script>
<script type="text/javascript">
$(function () {
$('#SubjectGrdNames tfoot tr').appendTo('#SubjectGrdNames thead');
$('#SubjectGrdNames').removeAttr('width').DataTable({
bLengthChange: true,
lengthMenu: [[15, 20, -1], [15, 20, "All"]],
bFilter: true,
bSort: true,
scrollCollapse: true,
paging: true,
fixedColumns: false,
orderCellsTop: true
});
});
</script>
</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Panel ID="Panel1" runat="server" Height="655px">
<table class="auto-style10">
<tr>
<td class="auto-style4">Class</td>
<td class="auto-style4" colspan="2">
<asp:DropDownList ID="ddlclass" runat="server" AutoPostBack="True" Enabled="False">
<asp:ListItem>NONE</asp:ListItem>
<asp:ListItem>BABY</asp:ListItem>
<asp:ListItem>MIDDLE</asp:ListItem>
<asp:ListItem>TOP</asp:ListItem>
</asp:DropDownList>
</td>
<td class="auto-style4">Stream</td>
<td class="auto-style4" colspan="2">
<asp:DropDownList ID="ddlstream" runat="server" Enabled="False">
<asp:ListItem>NONE</asp:ListItem>
<asp:ListItem>I</asp:ListItem>
<asp:ListItem>II</asp:ListItem>
<asp:ListItem>III</asp:ListItem>
</asp:DropDownList>
</td>
<td class="auto-style9">Term</td>
<td class="auto-style3">
<asp:DropDownList ID="ddlterm" runat="server" Enabled="False">
<asp:ListItem>NONE</asp:ListItem>
<asp:ListItem>I</asp:ListItem>
<asp:ListItem>II</asp:ListItem>
<asp:ListItem>III</asp:ListItem>
</asp:DropDownList>
</td>
<td class="auto-style7">
<asp:Button ID="Button2" runat="server" Text="View Current Report" />
</td>
<td class="auto-style7"> </td>
<td class="auto-style7"> </td>
</tr>
<tr>
<td class="auto-style7">
Student Name</td>
<td class="auto-style7">
<asp:Label ID="StudentName" runat="server"></asp:Label>
</td>
<td class="auto-style7" colspan="3">
<asp:Label ID="admno" runat="server"></asp:Label>
</td>
<td class="auto-style7" colspan="2">Subject Initials</td>
<td class="auto-style7">
<asp:Button ID="Button4" runat="server" Text="Class Report" />
</td>
<td class="auto-style7">
<asp:Button ID="Button3" runat="server" Text="Back To Selection" />
</td>
<td class="auto-style7" rowspan="7"> </td>
<td class="auto-style7" rowspan="7"> </td>
</tr>
<tr>
<td class="auto-style7" colspan="7">
Class teacher Comments
</td>
<td class="auto-style7"> </td>
<td class="auto-style7">
</td>
</tr>
<tr>
<td class="auto-style7" colspan="7">
<asp:TextBox ID="ClassteacherComment" runat="server" Width="587px"></asp:TextBox>
</td>
<td class="auto-style7">Colour</td>
<td class="auto-style7">
<asp:DropDownList ID="DropDownList4" runat="server" AutoPostBack="True" Height="24px" Width="99px">
<asp:ListItem></asp:ListItem>
<asp:ListItem>RED</asp:ListItem>
<asp:ListItem>BLUE</asp:ListItem>
<asp:ListItem>GREEN</asp:ListItem>
<asp:ListItem>YELLOW</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
</td>
</tr>
</tr>
<tr>
<td class="auto-style7" colspan="7">
<asp:TextBox ID="txtTinyMCE" runat="server" TextMode="MultiLine" Width="587px"></asp:TextBox>
<br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" Visible="False" />
<hr />
<asp:Label ID="lblContent" runat="server"></asp:Label>
<script type="text/javascript" src="../tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({ selector: 'textarea', width: 300 });
</script>
</td>
<td class="auto-style7"> </td>
<td class="auto-style7"> </td>
</tr>
<tr>
<td class="auto-style7" colspan="5">
<asp:DropDownList ID="ddlsubject0" runat="server" AutoPostBack="True" Height="27px" OnSelectedIndexChanged="ddlsubject_SelectedIndexChanged" Width="449px">
</asp:DropDownList>
</td>
<td class="auto-style7" colspan="2">Current Color</td>
<td class="auto-style7">
<asp:Label ID="Currentcolor" runat="server"></asp:Label>
</td>
<td class="auto-style7">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
</td>
</tr>
<tr>
<td class="auto-style7" colspan="5">Subject Comment</td>
<td class="auto-style7"> </td>
<td class="auto-style9"> </td>
<td class="auto-style7"> </td>
<td class="auto-style7"> </td>
</tr>
<tr>
<td class="auto-style7" colspan="5">
<asp:DropDownList ID="ddlsubject" runat="server" AutoPostBack="True" Height="27px" OnSelectedIndexChanged="ddlsubject_SelectedIndexChanged" Width="449px">
</asp:DropDownList>
</td>
<td class="auto-style7">Initials</td>
<td class="auto-style9"><strong>
<asp:TextBox ID="Initials" runat="server" Width="55px"></asp:TextBox>
</strong></td>
<td class="auto-style7"><strong>
<asp:TextBox ID="SubjectR" runat="server" ReadOnly="True" Width="55px"></asp:TextBox>
</strong></td>
<td class="auto-style7"> </td>
</tr>
<tr>
<td class="auto-style8" colspan="11">
<asp:GridView ID="SubjectGrd" runat="server" AllowPaging="True" AutoGenerateColumns="False" CssClass="auto-style8" Height="16px" Width="740px">
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBox ID="chkAll" runat="server" AutoPostBack="true" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="true" Enabled="False" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Term">
<EditItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("Term") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label2" runat="server" Text='<%# Bind("Term") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Subject">
<EditItemTemplate>
<asp:TextBox ID="Subject" runat="server" Text='<%# Bind("Subject") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label3" runat="server" Text='<%# Bind("Subject") %>'></asp:Label>
<asp:TextBox ID="Subjectcomment" runat="server" Height="16px" ReadOnly="True" Text='<%# Eval("Subject") %>' Visible="False" Width="83px"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Grade">
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("Grade") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("Grade") %>'></asp:Label>
<asp:DropDownList ID="DropDownList3" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList3_SelectedIndexChanged">
<asp:ListItem></asp:ListItem>
<asp:ListItem>A</asp:ListItem>
<asp:ListItem>B</asp:ListItem>
<asp:ListItem>C</asp:ListItem>
<asp:ListItem>D</asp:ListItem>
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="RCode">
<EditItemTemplate>
<asp:TextBox ID="Rankd" runat="server" Text='<%# Bind("Rank") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label4" runat="server" Text='<%# Bind("Rank") %>'></asp:Label>
<asp:TextBox ID="Rankdd" runat="server" Text='<%# Eval("Rank") %>' Visible="False"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</td>
</tr>
<tr>
<td colspan="9">
<asp:Button ID="Button1" runat="server" Text="Save Grades " />
</td>
<td colspan="2" rowspan="2"><strong>Teacher's Overal Comment</strong></td>
</tr>
<tr>
<td colspan="9"><strong>Currently Assigned Grades</strong></td>
</tr>
<tr>
<td colspan="9">
<asp:GridView ID="SubjectGrdE" runat="server" AutoGenerateColumns="False" Width="757px">
<Columns>
<asp:BoundField DataField="Name" HeaderText="Student Name">
<ItemStyle Width="350px" />
</asp:BoundField>
<asp:BoundField DataField="Term" HeaderText="Term" />
<asp:BoundField DataField="Comment" HeaderText="Comment">
<ItemStyle Width="350px" />
</asp:BoundField>
<asp:BoundField DataField="Grade" HeaderText="Grade" />
<asp:BoundField DataField="initial" HeaderText="Initial" />
<asp:TemplateField HeaderText="Remove">
<ItemTemplate>
<asp:LinkButton ID="lnkRemove" runat="server" CommandArgument='<%# Eval("atk")%>' OnClick="DeleteCustomer" OnClientClick="return confirm('Do you want to delete?')" Text="Delete"></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</td>
<td colspan="2"> </td>
</tr>
</table>
</asp:Panel>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddlsubject" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</body>
</html>
</asp:Content>
