JavaScript SpellCheck

When using JavaScript SpellCheck we can easily target one, many or all field on the 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('textareas')

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>