Download Other Spellify Versions

Head over to the contributions page to download various Spellify ports.

Want your site listed on spellify.com?

Does your site use Spellify? If so, then why not list your site on spellify.com? Send your website's name, address, and brief description to nikola at spellify dot com.

Your site will be listed on the watch/read page.

Requirements

- PHP 4+ with CURL library installed (developed using PHP 4.4.6)
- script.aculo.us 1.8.0 (only effects.js and scriptaculous.js required)
- Prototype JavaScript Framework 1.6.0

Latest Release Information

Version: 1.0
Release Date: November 15, 2007
Browser Compatibility: IE7, FF2, IE6, Opera 9, Safari 3. May work in other browsers as well.

Licensing

Spellify is released under the GNU Public License.

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" />
<!--[if IE]><link href="spellify/images/ie.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->
<!--[if IE 6]><link href="spellify/images/ie6.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->
<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 </body> tag.
<!-- Spellify BEGIN -->
<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>
<!-- Spellify END -->


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" />


5. Spellify can also be configured to different languages. Refer to spellify.js for more information regarding language settings.