JavaScript Spell Check

When using JavaScript SpellCheck we can easily target one, many or all field on teh page using our unique field selectors.

This methodology applies to the following functions:

• $Spelling.SpellCheckInWindow(Fields)
• $Spelling.SpellCheckAsYouType(Fields)
• $Spelling.BinSpellCheckFields(Fields)
• $Spelling.AjaxSpellCheckFields(Fields)

Wherever the "Fields" parameter is passed to JavaScriptSpellCheck - you can pass the following arguments:

To select 1 Field by its id

Pass the Id as a string. This can also spellcheck any HTML element's innerHTML. e.g.

$Spelling.SpellCheckInWindow('myTextArea1')

To select multiple Fields

Use a comma to separate Ids, or alternatively you can pass an array

$Spelling.SpellCheckInWindow('myTextArea2,myInput')

To select a Field by its JavaScript DOM object reference

Simply send the DOM object into the function:

$Spelling.SpellCheckInWindow(document.getElementById('myTextArea2'))

or multiple objects as an array:

$Spelling.SpellCheckInWindow([document.getElementById('myTextArea1'),document.getElementById('myTextArea2')])

To select field by their by its CSS Class

Set fields to ".MyClassName" and all textareas and input with that class name will be affected.

''$Spelling.SpellCheckInWindow('.MyClassName')

To select ALL viable fields

Just set Fields to "all"

$Spelling.SpellCheckInWindow('all')

To select all Textareas

Just set Fields to "textareas"

$Spelling.SpellCheckInWindow('texareas')

To select all text inputs

To select all inputs to type "text" just set Fields to "textinputs"

$Spelling.SpellCheckInWindow('textinputs')

To select all enabled fields

To select all inputs and textareas that are enabled and bot read-only just set Fields to "enabled"

$Spelling.SpellCheckInWindow('enabled')

To select all rich HTML editors on the page fields

Just set Fields to "editors". Learn more about spell-checking of rich HTML editors..

$Spelling.SpellCheckInWindow('editors')

<script type='text/javascript' src='/JavaScriptSpellCheck/include.js' ></script>
<script type='text/javascript'>$Spelling.SpellCheckAsYouType('all') //all viable fields</script>
 
<textarea name="myTextArea1"  id="myTextArea1" cols="30" rows="4" class="SpellMe">Hello Worlb.</textarea> 
<textarea name="myTextArea2"  id="myTextArea2" cols="30" rows="4">Hello Worlb.</textarea> 
<input type='text' value='Hello worb'  name="myInput" id='myInput' />
 
<h6>With all JavaScriptSpellCheck functions you can pass the following parameters to select 'Fields':</h6>
 
An Id: <input type="button" value="'myTextArea1'" onclick="$Spelling.SpellCheckInWindow('myTextArea1')"><br/>
Comma Separated Ids:<input type="button" value="myTextArea2,myInput'" onclick="$Spelling.SpellCheckInWindow('myTextArea2,myInput')"><br/>
An Array:<input type="button" value="['myTextArea1','myTextArea2'])" onclick="$Spelling.SpellCheckInWindow(['myTextArea1','myTextArea2'])"><br/>
A DOM Object:<input type="button" value="document.getElementById('myTextArea2')" onclick="$Spelling.SpellCheckInWindow(document.getElementById('myTextArea2'))"><br/>
A CSS Class preceded by a dot:<input type="button" value=".SpellMe" onclick="$Spelling.SpellCheckInWindow('.SpellMe')"><br/>
"all":<input type="button" value="'all'" onclick="$Spelling.SpellCheckInWindow('all')"><br/>
"enabled":<input type="button" value="'enabled'" onclick="$Spelling.SpellCheckInWindow('enabled')"><br/>
"textareas":<input type="button" value="'textareas'" onclick="$Spelling.SpellCheckInWindow('textareas')"><br/>
"textinputs":<input type="button" value="'textinputs'" onclick="$Spelling.SpellCheckInWindow('textinputs')"><br/>
"editors":<input type="button" value="'editors'" onclick="$Spelling.SpellCheckInWindow('editors')">			

 </body>
</html>

Installation

Getting started with JavaScript spell check is very simple.

• Download JavaScriptSpellCheck.zip
• Unzip the package
• Copy the " JavaScriptSpellCheck" folder to the root folder of your website; its URL should be "/JavaScriptSpellCheck"
• Note: If you are using an ASP.Net server - copy ASPNetSpell.dll to the "/bin/ASPNetSpell.dll"
• Open "/ JavaScriptSpellCheck/02-TestInstall.html" in your browser to test the installation.
• Copy the source code form this example into one of your own web pages.

Primary Functions

Real-Time Spell Checking Functions

AJAX Spell checking Functions

Properties

Events

jQuery Functions & Options

JavaScriptSpellCheck also provides a jQuery SpellCheck Plugin

jQuery Functions

jQuery Options