jQuery: Evitar la modificación del contenido de un inputbox

Posted by yorch on September 17th, 2008

Si en un formulario HTML queremos evitar que los usuarios escriban dentro de elementos inputbox <input type=”text” /> podemos hacer uso de la fantástica librería de JavaScript jQuery para lograr este efecto de una manera no obstructiva.

El siguiente código hace toda la magia, y según creo se explica solo bastante bien.

1
2
3
$("input[type=text]").focus(function(){
    $(this).blur();
});

De todas maneras, nunca está demás la aclaración. La primera parte es el selector por el cual jQuery va a seleccionar todos las etiquetas input que tengan el atributo type como text. Luego, a este subconjunto, se les va a anexar una función a su evento OnFocus (cuando adquiran el foco, el cursor). El contenido de esta función ($(this).blur();) le dice a jQuery que le haga perder el foco al elemento padre (this, que viene a ser el input).

Mejorar interfaces Web

Posted by yorch on October 20th, 2006

JQuery no es un framework de AJAX, es simplemente una mejora en la forma de programar en JavaScript, pero sus plug-ins son fáciles de implementar y muy vistosos.

Los que más me gustaron son:


Copyright © 2007 yorch @ web [in]. All rights reserved.