![]()
From:spellify
The spell checker automatically checks the text when you're finished!
Download:Spellify.zip
Demo
Licensing
Spellify is released under the GNU Public License
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" />
<!--[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 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>
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.

| < Prev | Next > |
|---|
- 21/05/2008 19:30 - JavaScript Slider and Scroller
- 24/04/2008 01:28 - Accordion v2.0(prototype)
- 07/04/2008 00:27 - Easy Scroll
- 02/02/2008 20:24 - searchfield(css,js)
- 20/12/2007 20:00 - HighSlide
- 09/12/2007 21:03 - slide-out-menu
- 09/12/2007 03:24 - AJAX-S
- 26/11/2007 21:01 - Accessible Unobtrusive Slider
- 26/11/2007 01:19 - Yet(E)Another Tab Interface







