GoogieSpell: Ortografía Web
- 16/09/2006
- 7:51 pm
GoogieSpell es un script que nos permite añadir un corrector ortográfico para cualquier campo de formulario. Soporta multiples lenguajes (Danes, Ingles, Español, Francés, Italiano entre otros.) y los diferentes navegadores como Internet Explorer, Firefox y Safari. Este corrector esta basado en el corrector ortográfico de Gmail y modificado para insertarlo en cualquier formulario HTML.
Bueno como a nosotros no solo nos gusta las noticias si no utilizar todo este tipo de novedades, vamos a dar una breve explicación. Primero procedemos a descargar GoogieSpell, al extraer los archivos tenemos una carpeta llamada googiespell (para nuestro caso lo hemos renombrado a gspell) el cual incluiremos en nuestro proyecto para insertar el corrector ortográfico.
Creamos una nueva página HTML con el formulario al que deseamos aplicarle el corrector ortográfico, luego insertamos la referencias a tres archivos javascript necesarios para el funcionamiento:
El siguiente paso es agregar el archivo de estilos CSS, esto lo hacemos de la forma:
-
<link href="gspell/googiespell.css" type="text/css"
-
rel="stylesheet" media="all" />
El ultimo paso es asignar el corrector a un campo te texto esto lo hacemos utilizando la función decorateTextarea de GoogieSpell como en el siguiente ejemplo.
Finalmente tendremos el ejemplo completo:
-
<title>GoogieSpell Demo</title>
-
<script type="text/javascript" src="gspell/AJS.js">
-
</script>
-
<script type="text/javascript" src="gspell/googiespell.js">
-
</script>
-
<script type="text/javascript" src="gspell/cookiesupport.js">
-
</script>
-
<link href="gspell/googiespell.css" type="text/css"
-
rel="stylesheet" media="all" />
-
<style type="text/css">
-
body {
-
font-family: Georgia, Times, serif;
-
font-size: 11px;
-
font-weight: normal;
-
}
-
</style>
-
</head>
-
<textarea cols="50" rows="8" class="textarea" id="texto">
-
Esta es una prueva
-
</textarea>
-
</form>
-
<script type="text/javascript">
-
var vProxy = "https://www.google.com/tbproxy/spell?lang=";
-
var vSpell = new GoogieSpell("gspell/", vProxy);
-
vSpell.decorateTextarea("texto");
-
</script>
-
</body>
-
</html>
Este ejemplo te permite seleccionar el idioma al cual deseas aplicar la ortografía, hay mas ejemplos en el cual te permiten restringir los idiomas y personalizar los mensajes de configuración las cuales las encontrarás en la Documentación de GoogieSpell.
Posts Relacionados
- No related posts
Total de Comentarios: 4
Tu ejemplo trabaja localmente solamente, si lo hago con un servidor remoto me envía un mensaje en la consola de javascript de “permiso denegado”, hay una manera con un archivo denominado sendReq.php, que está en la página de ellos, pero tampoco con ella puedo hacer la conexión a través del httpRquest..
Que raro, a mi me funciono, debe ser que han bloqueado las llamadas remotas pero habria que investigar sobre ese tema.
eso que dice unijimpe solo sucede con ie sp2 o firefox, yo tampoco he podido hechar a andar ese corrector ortográfico en un servidor que no sea localhost (a menos que agregue ese sitio a sitios seguros, aagggghhh)
Ya me quedó la implementación de este código pero también tengo el problema con un servidor remoto. El IE ya lo agregué como sitio seguro y el problema se resuelve. Pero como agredo un sitio seguro en Firefox y netscape? Ojalá me puedan sejerir algo.
