Template:CharCount: Difference between revisions
Richardpruen (talk | contribs) No edit summary Tags: Manual revert Reverted |
Richardpruen (talk | contribs) (Puth HTML back even if the parser strips some parts) Tag: Manual revert |
||
| Line 1: | Line 1: | ||
<div id="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>𝕏 (Twitter)</td> | |||
<td>CN Unverified</td> | |||
<td>280</td> | |||
<td>-</td> | |||
<td> | |||
<a href='?c=280'>Setup</a> | |||
</td> | |||
</tr> | |||
<tr> | |||
<td>𝕏 (Twitter)</td> | |||
<td>CN Verified</td> | |||
<td>580?</td> | |||
<td>-</td> | |||
<td> | |||
<a href='?c=580'>Setup</a> | |||
</td> | |||
</tr> | |||
<tr> | |||
<td>𝕏 (Twitter)</td> | |||
<td>Unverified</td> | |||
<td>280</td> | |||
<td>13</td> | |||
<td> | |||
<a href='?c=280&l=13'>Setup</a> | |||
</td> | |||
</tr> | |||
<tr> | |||
<td>𝕏 (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> | |||
Latest revision as of 16:23, 8 December 2023
<!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()'>
Character Count
This form is useful for planning text and links for a text input area that has a character limit. <form id='textForm' oninput='updateOutput()'>
|
Maximum Characters Allowed: <select id="chars" name='chars' size="1"> </select>
Characters/Link: <select id="linkChars" size="1"> </select> |
|
|
<textarea id='text' rows=10 cols=80> </textarea> |
|
|
<output id="outputCount" value='0 of ?'>0 of ?</output> |
|
</form>
Notes
| Platform | User Type | Char Limit | Link Chars | Use these options |
|---|---|---|---|---|
| 𝕏 (Twitter) | CN Unverified | 280 | - |
<a href='?c=280'>Setup</a> |
| 𝕏 (Twitter) | CN Verified | 580? | - |
<a href='?c=580'>Setup</a> |
| 𝕏 (Twitter) | Unverified | 280 | 13 |
<a href='?c=280&l=13'>Setup</a> |
| 𝕏 (Twitter) | Verified | 580 | 13 |
<a href='?c=580&l=13'>Setup</a> |
</body> </html>