The RapidSpellWebMultiple control has client side properties StartedOnTextBoxListener and FinishedOnTextBoxListener which can be used to monitor the spell checker. In a scenario where the multiple control is triggering inline spell checking, the following changes will add a "Spell Checking..." overlay over the text box while the AJAX request is being made.
1. Set the properties RapidSpellWebMultiple.FinishedOnTextBoxListener="sc_end" and RapidSpellWebMultiple.StartedOnTextBoxListener="sc_start"
2. Add this DIV to the page, the content of which can be changed, to different text, or an animated icon for example
<div style="display:none; z-index:999; position:absolute; border:1px solid #00dddd; background-color: #00ffff; font-family:Sans-Serif; font-size:8pt; padding: 5px;" id="spellCheckingLabel"><b>Spell checking...</b></div>
3. Add this script to the page
< script type="text/javascript">
function sc_start(textBox){
var targetElement = document.getElementById("spellCheckingLabel");
targetElement.style.display = "block";
targetElement.style.left = rsw_findPosX(textBox)+ "px";
targetElement.style.top = rsw_findPosY(textBox)+ "px";
}
function sc_end(textBox){
var targetElement = document.getElementById("spellCheckingLabel");
targetElement.style.display = "none";
}
</script>
When the spell checker runs, it will place a colored box in the top left corner of the textbox being worked on, with the text "Spell Checking...".
Note that it uses rsw_findPosX/Y which are used by the spell checker to locate the text box. Remember that you can modify the textBox properties also (eg. background color), but during static spell checking, the textbox is covered by an overlay DIV, which may produce conflicting results. |
