Skip to content
Find file
48 lines (47 sloc) 2.14 KB
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script src="" type="text/javascript" charset="utf-8"></script>
<script src="jquery.spellcheck.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function($) {
$('#test1').spellcheck({ events: null });
$('#test2, #test3').spellcheck();
$('#test4').spellcheck({ events: 'keyup' });
$('a.checkspelling').bind('click', function(event) {
return false;
<style type="text/css" media="screen">
body { font-size: small; font-family:"lucida Grande", "lucida sans unicode", "myriad pro", arial, helvetica, sans-serif; }
input, textarea { width: 250px; }
textarea { height: 100px; }
#spellcheckresults { position: absolute; background: #fff; margin: 0; border: 1px solid #000; padding: 5px; }
#spellcheckresults dl { margin: 0; padding: 0; }
#spellcheckresults dl dt { float: left; clear: left; margin: 3px 0; padding: 0; font-weight: bold; }
#spellcheckresults dl dd { float: left; margin: 3px 10px; padding: 0; cursor: pointer; color: green; }
#spellcheckresults dl dd.ignore { color: red; font-style: italic; }
a.checkspelling { }
a.checkspelling img { margin: 0 5px; border: 0; }
<form action="#" method="get">
<legend>Testing Spellchecker</legend>
<label for="test1">Test: </label><input type="text" name="test1" id="test1" value="Testng ths spelcheckr out."><a href="#test1" class="checkspelling"><img src="spellcheck.png"></a><br>
<label for="test2">Test: </label><input type="text" name="test2" id="test2"><br>
<label for="test3">Test: </label><input type="password" name="test3" id="test3"><br>
<label for="test4">Test: </label><br>
<textarea name="test4" id="test4"></textarea>
Jump to Line
Something went wrong with that request. Please try again.