data/cache/7/7c0e356d07aea3c5127079da32296b33.xhtml

   1
   2
   3
   4 <h1><a name="java_script" id="java_script">Java Script</a></h1>
   5 <div class="level1">
   6 <div class="plugin_uparrow">
   7   <a href="#" title="Back to top">
   8     <img src="lib/plugins/uparrow/images/tango-small.png" alt="Back to top"/>
   9   </a>
  10 </div>
  11
  12 </div>
  13 <!-- SECTION "Java Script" [1-27] -->
  14 <h2><a name="character_counter" id="character_counter">Character Counter</a></h2>
  15 <div class="level2">
  16 <pre class="code html4strict"><span class="sc2">&lt;<a href="http://december.com/html/4/element/html.html"><span class="kw2">html</span></a>&gt;</span>
  17 <span class="sc2">&lt;<a href="http://december.com/html/4/element/head.html"><span class="kw2">head</span></a>&gt;</span>
  18 <span class="sc2">&lt;<a href="http://december.com/html/4/element/title.html"><span class="kw2">title</span></a>&gt;</span>Character Counter<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/title.html"><span class="kw2">title</span></a>&gt;</span>
  19 <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/head.html"><span class="kw2">head</span></a>&gt;</span>
  20 <span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">language</span><span class="sy0">=</span><span class="st0">&quot;JavaScript&quot;</span>&gt;</span>
  21 //Character count script- by http://www.inf.ufrgs.br/~kssilveira
  22 //Credit must stay intact for use
  23 <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span>
  24 <span class="sc2">&lt;<a href="http://december.com/html/4/element/body.html"><span class="kw2">body</span></a>&gt;</span>
  25 <span class="sc2">&lt;<a href="http://december.com/html/4/element/h1.html"><span class="kw2">h1</span></a>&gt;</span>Character Counter<span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/h1.html"><span class="kw2">h1</span></a>&gt;</span>
  26 <span class="sc2">&lt;<a href="http://december.com/html/4/element/form.html"><span class="kw2">form</span></a> <span class="kw3">method</span><span class="sy0">=</span><span class="st0">&quot;POST&quot;</span>&gt;</span>
  27 <span class="sc2">&lt;<a href="http://december.com/html/4/element/table.html"><span class="kw2">table</span></a> <span class="kw3">border</span><span class="sy0">=</span><span class="st0">&quot;0&quot;</span> <span class="kw3">cellspacing</span><span class="sy0">=</span><span class="st0">&quot;0&quot;</span> <span class="kw3">cellpadding</span><span class="sy0">=</span><span class="st0">&quot;0&quot;</span>&gt;</span>
  28   <span class="sc2">&lt;<a href="http://december.com/html/4/element/tr.html"><span class="kw2">tr</span></a>&gt;</span>
  29     <span class="sc2">&lt;<a href="http://december.com/html/4/element/td.html"><span class="kw2">td</span></a> <span class="kw3">width</span><span class="sy0">=</span><span class="st0">&quot;100%&quot;</span>&gt;</span>
  30       <span class="sc2">&lt;<a href="http://december.com/html/4/element/textarea.html"><span class="kw2">textarea</span></a></span>
  31 <span class="sc2">        <span class="kw3">rows</span><span class="sy0">=</span><span class="st0">&quot;12&quot;</span></span>
  32 <span class="sc2">        <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;charcount&quot;</span></span>
  33 <span class="sc2">        <span class="kw3">cols</span><span class="sy0">=</span><span class="st0">&quot;60&quot;</span></span>
  34 <span class="sc2">        wrap<span class="sy0">=</span><span class="st0">&quot;virtual&quot;</span></span>
  35 <span class="sc2">        <span class="kw3">onkeyup</span><span class="sy0">=</span><span class="st0">&quot;this.form.displaycount.value = this.form.charcount.value.length&quot;</span>&gt;</span>
  36       <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/textarea.html"><span class="kw2">textarea</span></a>&gt;</span>
  37     <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/td.html"><span class="kw2">td</span></a>&gt;</span>
  38   <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/tr.html"><span class="kw2">tr</span></a>&gt;</span>
  39   <span class="sc2">&lt;<a href="http://december.com/html/4/element/tr.html"><span class="kw2">tr</span></a>&gt;</span>
  40     <span class="sc2">&lt;<a href="http://december.com/html/4/element/td.html"><span class="kw2">td</span></a> <span class="kw3">width</span><span class="sy0">=</span><span class="st0">&quot;100%&quot;</span>&gt;</span>
  41       <span class="sc2">&lt;<a href="http://december.com/html/4/element/div.html"><span class="kw2">div</span></a> <span class="kw3">align</span><span class="sy0">=</span><span class="st0">&quot;right&quot;</span>&gt;</span>
  42         <span class="sc2">&lt;<a href="http://december.com/html/4/element/p.html"><span class="kw2">p</span></a>&gt;</span>
  43           Character Count:
  44           <span class="sc2">&lt;<a href="http://december.com/html/4/element/input.html"><span class="kw2">input</span></a> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;text&quot;</span></span>
  45 <span class="sc2">                 <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;displaycount&quot;</span></span>
  46 <span class="sc2">                 <span class="kw3">size</span><span class="sy0">=</span><span class="st0">&quot;20&quot;</span>&gt;</span>
  47         <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/p.html"><span class="kw2">p</span></a>&gt;</span>
  48       <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/div.html"><span class="kw2">div</span></a>&gt;</span>
  49     <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/td.html"><span class="kw2">td</span></a>&gt;</span>
  50   <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/tr.html"><span class="kw2">tr</span></a>&gt;</span>
  51 <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/table.html"><span class="kw2">table</span></a>&gt;</span>
  52 <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/form.html"><span class="kw2">form</span></a>&gt;</span>
  53 <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/body.html"><span class="kw2">body</span></a>&gt;</span>
  54 <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/html.html"><span class="kw2">html</span></a>&gt;</span></pre>
  55
  56 <p>
  57
  58 <object data=character_counter.html height=500 width=500 hspace=0 vspace=0 border=0></object>
  59
  60
  61 </p>
  62 <div class="plugin_uparrow">
  63   <a href="#" title="Back to top">
  64     <img src="lib/plugins/uparrow/images/tango-small.png" alt="Back to top"/>
  65   </a>
  66 </div>
  67
  68 </div>
  69 <!-- SECTION "Character Counter" [28-] -->