|
|
Line 1: |
Line 1: |
| $(function () {
| |
| $('#CharCount').html(' <!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> ';
| |
| $(function getID(id) { | | $(function getID(id) { |
| return document.getElementById(id); | | return document.getElementById(id); |
Line 225: |
Line 112: |
| updateOutput(); | | updateOutput(); |
| } | | } |
| | ); |
| | |
| | $(function () { |
| | $('#CharCount').html( |
| | '<!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>'); |