View source for Template:CharCount

<div id="CharCount"></div>
<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Char Count</title>
<style>
body {
	font-family: sans-serif;
}
</style>
<script src='CharCount.js'></script>
</head>
<body onload='setup()'>

<h1>Character Count</h1>

<p>This form is useful for planning text and links for a text input area that has a character limit.

<form id='textForm' oninput='updateOutput()'>

<table border=0>
<tr>
<td colspan=2>

Maximum Characters Allowed:
<select id="chars" name='chars' size="1">
</select>

<br>Abbreviates Links? <input type='checkbox' id='linkAbbreviate' value='Short Links'>

Characters/Link: <select id="linkChars" size="1">
</select>

</td>
</tr>

<tr>
<td colspan=2>
<textarea id='text' rows=10 cols=80>
</textarea>
</td>
</tr>

<tr>

<td id='warningLevel' style='border: solid 1px black; color: green; width: 20px; height: 20px'>
</td>

<td>
<output id="outputCount" value='0 of ?'>0 of ?</output>
</td>
</tr>

</table>

</form>

<h2>Notes</h2>

<table border=1>

<tr>
<th>Platform</th>
<th>User Type</th>
<th>Char Limit</th>
<th>Link Chars</th>
<th>Use these options</th>
</tr>

<tr>
<td>&#120143; (Twitter)</td>
<td>CN Unverified</td>
<td>280</td>
<td>-</td>
<td>
<a href='?c=280'>Setup</a>
</td>
</tr>

<tr>
<td>&#120143; (Twitter)</td>
<td>CN Verified</td>
<td>580?</td>
<td>-</td>
<td>
<a href='?c=580'>Setup</a>
</td>
</tr>

<tr>
<td>&#120143; (Twitter)</td>
<td>Unverified</td>
<td>280</td>
<td>13</td>
<td>
<a href='?c=280&l=13'>Setup</a>
</td>
</tr>

<tr>
<td>&#120143; (Twitter)</td>
<td>Verified</td>
<td>580</td>
<td>13</td>
<td>
<a href='?c=580&l=13'>Setup</a>
</td>
</tr>

</table>

</body>
</html>