Word And Character Count
H
ave you ever been filling out a form to be submitted and a part of it says;
"In So Many Words/Characters Or Less"? Is it not frustrating to sit and try and count the characters and or words to fill out the form.
F
inally, an easy way to count the number of words/characters that are entered into a form!
W
e have tested the code in IE5.5, IE6.0, Firefox0.9.1, Opera7.54 and Netscape7.02. This script worked well in all platforms with no variations observed.
1) The text inside the textarea forms does not wrap and continues where you need to scroll from side to side to view all.
How To rectify By adding the attribute into the textarea form of wrap="virtual". See the below example of how and where to add this attribute.
D
epending on your knowledge of HTML and java scripts, the above example stands alone (is not included within a form). This is an easy two part copy and paste code. The main part of the script gets pasted into the <HEAD> section and the form textarea box gets pasted anywhere you want it to show up in the <BODY> section of your document. There are no reconfigurations except if you want to change the size of the textarea box
Reconfigurations On Stand Alone Word/Character Counter
<!---------- Start Body Section Of Code ---------->
<form>
<textarea cols=40 rows=6 wrap="virtual" name=x>
</textarea>
<br>
<input type=button value="Count Words" OnClick ="CountWords(this.form.x, true, true);">
</form>
<!---------- End Body Section Of Code ---------->
T
here is one other reconfiguration you can make on both the stand alone and form word counter within the textarea form. If you view this script in Netscape and do not add the attribute of wrap="virtual" to the textarea form, the words will not wrap and will stretch out. This means you will have to scroll horizontally to see all the words typed. See the above example to see where to add this attribute.
T
his section is to show you how to incorporate the word counter into a form.
B
efore we begin, we feel obligated to advise you that this tutorial is not designed for anyone who does not have a good solid knowledge of HTML coding and java scripts. In other words, if you are a novice, please do not attempt this until you are proficient with HTML codes, reconfigurations, java scripts, forms and validations.
Required Fields*
Note Of Information
F
ollow the below link to see how and where to make your reconfigurations to incorporate this word counter into a form as in the above working example. This link will open in a new browser window for your convenience.
[ Reconfigurations ]
I
f you do want to send this form to us and tell us what you think of this little word counter, we would appreciate hearing from you. If you do not have a web site or web site address, just put N/A in the respective boxes.
I
f the tutorial is at all confusing, please feel free to contact us and we will assist you further with incorporating the word counter into your forms.
[ Get Code Here ]
A
ll of our forms that we incorporate within our site are from "Bravenet Free Services". We highly recommend this site for all your webmaster tools. Besides all the free tools, they have a really great support staff that is always willing to give you all the help you need.
[ Check Them Out Here ]
T
his form we have also included a form validator so that all required fields must be filled out before it is sent. If you would like to see how to add the Bravenet validator to the Bravenet forms, follow the below link.
[ Form Validation ]
|
Search Our Site By Individual letter
[ A ]
[ B ]
[ C ]
[ D ]
[ E ]
[ F ]
[ G ]
[ H ]
[ I ]
[ J-K ]
[ L ]
[ M ]
[ N-O ]
[ P-Q ]
[ R ]
[ S ]
[ T ]
[ U-V ]
[ W ]
[ X-Y-Z ]
|
If you are part of the ever growing number of webmasters who enjoy
sharing your knowledge with others on web design, join The
Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today
This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.
Copyright © Consigliere Ltd., All Rights Reserved. 2001-