|
|
Line 115: |
Line 115: |
| } | | } |
| ); | | ); |
| <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>
| |
| );
| |
| }()); | | }()); |