mahpog
asked on
Using Javascript in ASPX Web Form with Master Page - ClientID
I am taking code that runs in Coldfusion and convert to vb aspx net. I have javascript that I need to incorporate ClientID due to master page in web form.
having trouble trying to set up probably. I have onfocus() that works fine.(easy one). the function cnt1 to count characters not working. I am sure my sytnax is off but cannot figure out how to adjust.
Attached the excerpt of code and screen display.
Aspx-page.docx
having trouble trying to set up probably. I have onfocus() that works fine.(easy one). the function cnt1 to count characters not working. I am sure my sytnax is off but cannot figure out how to adjust.
Attached the excerpt of code and screen display.
Aspx-page.docx
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
I have taken out items cannot display over intenet, and simplified the master page (no code in code behind used)
- I also placed original code for javascript function cnt1
aspx.code:
- I also placed original code for javascript function cnt1
aspx.code:
<%@ Page Title="" Language="VB" MasterPageFile="~/Home/MasterPages/MasterPage3.master" AutoEventWireup="false" CodeFile="emp_i_bk.aspx.vb" Inherits="Home_emp_i_bk" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<Script Language="javascript">
function cnt1(w, x) {
var y = w.value;
var r = 0;
a = y.replace(/\s/g, ' ');
a = a.split(' ');
for (z = 0; z < a.length; z++) { if (a[z].length > 0) r++; }
x.value = r;
}
function TabOver() {
document.getElementById('<%=desc1.ClientID%>').focus();
}
</Script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpMainContent" Runat="Server">
<%--<body onload="popWindow()">--%>
<table border="1" cellspacing="0" cellpadding="0">
<tr height="25">
<td align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;">Team Members </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
</tr>
<tr height="25">
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Employee No.</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Employee Name</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Business</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Business Unit</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Dept. (CCtr)</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;">Salary Grade</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;">Title</td>
<td align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Award Amount</td>
</tr>
<%--team 1--%>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<%--team 2--%>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<%--team 3--%>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<%--team 4--%>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<%--team 5--%>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<%-- blank 6 --%>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<%--blank 7--%>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<%--blank 8--%>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<tr height="25">
<td align="left" colspan="3" style="font-weight:900;font-size:9pt;background-color:#e0e0e0;color:red;">(200 Word Limitation. When Saving - ANY excess will be truncated!)</td>
<%--<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;">--%>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:">
Word Count:<asp:textbox runat="server" ID="c1" ReadOnly="True" Wrap="False" onkeyup="cnt1(document.empi.w,this)" onfocus="return TabOver();"></asp:textbox>
</td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td align="right" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;">Total Team Award Amounttal Team Award Amount</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
</tr>
<tr height="25">
<td align="left" colspan="3" style="font-weight:bold;font-size:10pt;background-color:yellow;color:black;">Describe Individual / Team Behaviors and Accomplishments</td>
<%--<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>--%>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<tr height="25">
<td colspan="8">
<asp:textbox runat="server" ID="desc1" rows="4" wrap="True" onkeyup="cnt1(this,document.empi.c1)" onclick="cnt1(this,document.empi.c1)"
CssClass="ErrorMessage" TextMode="MultiLine" Width="900px" >*</asp:textbox>
</td>
</tr>
</table>
</asp:Content>
masterpage3.master:<%@ Master Language="VB" CodeFile="MasterPage3.master.vb" Inherits="Home_MasterPage3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<link href="~/Styles/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" name="form1" runat="server">
<div id="PageWrapper">
<div id="Header"><a id="A1" href="~/" runat="server"></a>
<center>
<h3 style="color:red;font-weight:bold;" align="center">Development</h3>
</div>
</body>
</html>
<div id="MenuWrapper"></div>
<div id="MainContent">
<asp:ContentPlaceHolder ID="cpMainContent" runat="server">
<p>placeholder</p>
</asp:ContentPlaceHolder>
</div>
<div id="Footer">
<table width="900">
<tbody>
<tr valign="bottom" align="center">
<td align="center" width="900" colspan=2><img height=1 alt="blue line"
src="../images/footer_line.gif" width="900"></td></tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
</form>
</body>
</form>
I don't need the asp side. Just the rendered code to work with. You can back out the answer on the front end to match what you need on the asp side.
Thanks to randy for showing the 2nd page I have updated. http://jsbin.com/cegib/2/edit
Can you show me the rendered code for this
Thanks to randy for showing the 2nd page I have updated. http://jsbin.com/cegib/2/edit
Can you show me the rendered code for this
<asp:textbox runat="server" ID="desc1" rows="4" wrap="True" onkeyup="cnt1(this,document.getElementById('<%=c1.ClientId %>').value)"
onclick="cnt1(this,document.getElementById('<%=c1.ClientId %>').value)"
CssClass="ErrorMessage" TextMode="MultiLine" Width="900px" >*</asp:textbox>
ASKER
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="ctl00_Head1"><title>
</title>
<Script Language="javascript">
function cnt1(w, x) {
var y = w.value;
var r = 0;
a = y.replace(/\s/g, ' ');
a = a.split(' ');
for (z = 0; z < a.length; z++) { if (a[z].length > 0) r++; }
x.value = r;
}
function TabOver() {
document.getElementById('ctl00_cpMainContent_desc1').focus();
}
</Script>
<link href="../Styles/styles.css" rel="stylesheet" type="text/css" /></head>
<body>
<form method="post" action="emp_i_bk.aspx" id="aspnetForm">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTIzOTE3ODA4OWRktvp/TeNQ4Qtw0bBoaMeS6034kC5u3k3F26bIGPoV6N0=" />
</div>
<div class="aspNetHidden">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAANiR7wpCz4nAJ19rPf+hBitLoC3lcSe6kBqRuHZ80PbxRo75REFO6yKKz2vB92h+5W/KDXYcqFGxxkl+kvok0MWAPJP2LXYpCDKxFBFvhAyDA==" />
</div>
<div id="PageWrapper">
<div id="Header"><a href="../" id="ctl00_A1"></a>
<center>
<h3 style="color:red;font-weight:bold;" align="center">Development</h3>
</div>
</body>
</html>
<div id="MenuWrapper"></div>
<div id="MainContent">
<table border="1" cellspacing="0" cellpadding="0">
<tr height="25">
<td align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;">Team Members </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
</tr>
<tr height="25">
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Employee No.</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Employee Name</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Business</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Business Unit</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Dept. (CCtr)</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;">Salary Grade</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;">Title</td>
<td align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;">Award Amount</td>
</tr>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<tr height="25">
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="15%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="25%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td width="5%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="20%" align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td width="15%" align="left" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<tr height="25">
<td align="left" colspan="3" style="font-weight:900;font-size:9pt;background-color:#e0e0e0;color:red;">(200 Word Limitation. When Saving - ANY excess will be truncated!)</td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:">
Word Count:<input name="ctl00$cpMainContent$c1" type="text" readonly="readonly" id="ctl00_cpMainContent_c1" onkeyup="cnt1(document.empi.w,this)" onfocus="return TabOver();" />
</td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
<td align="right" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;">Total Team Award Amounttal Team Award Amount</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:#e0e0e0;color:black;"> </td>
</tr>
<tr height="25">
<td align="left" colspan="3" style="font-weight:bold;font-size:10pt;background-color:yellow;color:black;">Describe Individual / Team Behaviors and Accomplishments</td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
<td align="center" colspan="1" style="font-weight:bold;font-size:10pt;background-color:white;color:black;"> </td>
</tr>
<tr height="25">
<td colspan="8">
<textarea name="ctl00$cpMainContent$desc1" rows="4" cols="20" id="ctl00_cpMainContent_desc1" class="ErrorMessage" onkeyup="cnt1(this,document.empi.c1)" onclick="cnt1(this,document.empi.c1)" style="width:900px;">
*</textarea>
</td>
</tr>
</table>
</div>
<div id="Footer">
<table width="900">
<tbody>
<tr valign="bottom" align="center">
<td align="center" width="900" colspan=2><img height=1 alt="blue line"
src="../images/footer_line.gif" width="900"></td></tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
</form>
</body>
</form>
Maybe Randy can chime in but I am going to be out for a few hours.
Quickly, I see what looks like some problem html at the bottom. I know this is a bit of work to put together a good test case, but it is important to help give you a good answer.
Quickly, I see what looks like some problem html at the bottom. I know this is a bit of work to put together a good test case, but it is important to help give you a good answer.
</form>
</div>
</div>
</div>
</form>
</body>
</form>
ASKER
I found another way to code the javascript so I do not have to deal with the passing of parameters to the scrpt. This works perfectly and shows how to do using javascript, or even C#. Slight change to my current code.
http://www.aspnetify.com/2010/12/textbox-textarea-max-number-of-words.html
http://www.aspnetify.com/2010/12/textbox-textarea-max-number-of-words.html
ASKER
thanks again for help.
Open in new window