Hot!Ajax

Spellify

Friday, 04 January 2008

From:spellify

The spell checker automatically checks the text when you're finished!

Demo

Licensing

Spellify is released under the GNU Public License

Spellify is released under the Spellify is released under the Spellify is released under the Spellify is released under the Spellify is released under the Spellify is released under the Spellify is released under the Spellify is released under the

Requirements

- PHP 4+ with CURL library installed (developed using PHP 4.4.6)
- script.aculo.us 1.8.0 (latest prototype.js, and effects.js required)

Installation Directions

1. Download the spellify.zip file. Copy over spellify directory along with demo.html. If you're referencing prototype.js or scriptaculous.js, then update file paths accordingly.

2. Add the following HTML to the head element of your page.

<link rel="stylesheet" href="spellify/images/spellify.css" type="text/css" media="screen" />



 <script src="spellify/src/prototype.js" type="text/javascript"></script> <script src="spellify/src/scriptaculous.js" type="text/javascript"></script> <script src="spellify/src/spellify.js" type="text/javascript"></script>

3. Place the following HTML in your page, right before the tag.

<div id="spellify">
<div id="correctionsContainer" style="position: absolute;
z-index: 1000; display: none; background-color: transparent;"><ul>
<li id="arrowItem"><span id="arrow">

<img src="spellify/images/arrw.png"
width="12" height="6" alt="" />
</span></li>
<li>
<div id="correctionsBody"></div>
</li>
<li>
<div id="correctionsFooter"><a id="spellTagLine"
href="http://www.spellify.com" target="_blank"><
img src="spellify/images/tagline.png" alt="Spellify -
www.spellify.com" title="Spellify - www.spellify.com" width="45" height="15" /></a>
</div>
</li>
</ul>

</div>
<div id="loaderDiv" style="position: absolute; z-index: 1000; display: none;">

<img src = "spellify/images/ldr.gif" alt="" /></div>
</div>
4. Spellify can also ignore text fields by setting its class attribute to spellify_ignore.

<input type="text" id="testbox" name="testbox" class="spellify_ignore" />