Archive for the ‘ JavaScript ’ Category

MVC

Es interesante como Javascript va tomando fuerza, ya hemos comentado en este blog este fenomeno. Desde la migración de lenguajes, o frameworks que se encargan de la portacion desde javascript a Java, Objective-C, hasta la guerra de los navegadores por tener mejores engines que interprenten javascript de formas mas eficiente. En mi afán de seguir aprendiendo Javascript encontre esta libreria que permite escribir código reusable y mantenible usando MVC, un paradigma que nunca me hubiese imaginado ver en Javascript.
Para mas información:

http://agilityjs.com/

Un post corto sólo para nombrar éste plugin que he estado usando que ayuda a mejorar la usabilidad de los menues desplegables. Por ejemplo mejorar esos menues horribles de listados de paises, con ésta utilidad podemos agregar filtros para buscar dentro del desplegable o hacer subgrupos.
Pueden bajarlo de:
http://harvesthq.github.com/chosen/

Mientras que trabajaba con una clase javascript para validar los campos de un formulario HTML personalizado dentro de WordPress, me encontré con algunos inconvenientes de caracteres ya que el código original estaba optimizado para el idioma inglés y yo necesitaba utilizar el castellano, por lo cual la solución muchas veces no es solo cambiar la codificació desde el HTML, sino también trabajar la codificación desde JavaScript usando códigos unicode.

Básicamente el código lo que hace es validar que lo que vaya en el campo sea solo texto. En en idioma castellano aparte de los caracteres típicos se deben tener en cuanta acentos y letras como la ñ, por lo que para agregarlo directamente en JavaScript una solución es:

Codigo original:
“regex”:”/^[a-zA-Z]+$/”,

Nuevo código con los agregados:
“regex”:”/^[a-zA-Z\ \'\u00e9\áéíóúÁÉÍÓÚñÑüÜ]+$/”,

Cuando probé nuevamente la validación del formulario, me encontré con el problema de que no funcionaba por lo que utilice la vista de código del navegador y me metí en el archivo javascript para ver como se estaba imprimiendo, el código, este se veía asi:
“regex”:”/^[a-zA-Z\ \'\u00e9\??????????????]+$/”,

Esto ocurrió ya que WordPress estaba seteado en UTF-8, por lo cual la solución fue buscar el codigo unicode de cada letra con acento y ponerlo de la siguiente manera cubriendo todas las posibilidades de caracteres que se usen en el español:
“regex”:”/^[a-zA-Z\ \'\u00e1\u00e9\u00ed\u00f3\u00fa\u00c1\u00c9\u00cd\u00d3\u00da\u00f1\u00d1\u00FC\u00DC]+$/”,

Tabla de caracteres unicodes necesarios:
\u00e1 -> á
\u00e9 -> é
\u00ed -> í
\u00f3 -> ó
\u00fa -> ú
\u00c1 -> Á
\u00c9 -> É
\u00cd -> Í
\u00d3 -> Ó
\u00da -> Ú
\u00f1 -> ñ
\u00d1 -> Ñ
\u00FC -> ü
\u00DC -> Ü

Espero le sirva a alguien.

Columnas con jQuery

Si jQuery se está tomando la cotidianidad que tenía actionscript en mi día a día. La verdad que me sorprende lo rápido que se pueden lograr cosas. Ayer nombré como hacer un formulario totalmente usando jQuery en vez de HMTL. Hoy necesitaba hacer una pagina con varias columnas. Comunmente haria las divisiones corresponientes, les daria un ancho, un padding, magen y disrtribuiria el contenido entre ellas. El problema surge cuando el contenido es variable y nos es dificl distriburi el contenido de forma eficaz. Es por ésto que recurrí a jQuery, y sinceramente no tardé más de 3 minutos en implementarlo, estoy seguro que si lo hubiese hecho de la forma tracicional me hubiese llevado al menso 15 entre hacer el html y ajustar el css. Hay varios “plugins” que hacen esto que que usé yo y funcionó a la perfección pueden encontrarlo en: http://codeasily.com/jquery/multi-column-list-with-jquery

La idea de este post es de notar que hay varias respuesta para el mismo problema y no siempre la típica, usual o común es la más acertada en cuanto a productividad. Hay que estar atentos si ven en la web formas más eficaces de hacer las cosas. si quieren recomendar algo que hayan visto mandenos un mail o dejen un comentario y lo publicamos

Formularios hecho 100% con jQuery

La verdad que hacer formularios siempre es una tarea que conlleva mucho tiempo, sobre todo cuando tenemos que asegurarnos que se vea perfectamente en todos los navegadores, que sea usable y que contenga una forma amigable de validación. Hace tiempo que estoy buscando un método para automatizar y hacer la tarea más fácil. La verdad que hay varios framworks y cada uno tiene lo suyo, pero no queria hacer un post sobre todos lo frameworks disponible sino más bien destacar uno que me funcionó muy bien, que es muy facil de implementar y como novedad está hecho 100% con jQuery. Lo único que le faltaría para ser perfecto es que venga con soporte en varios lenguajes. Igualmente esta muy bien y la validación es buena. Pruebenlo y comentenme que les parece.

Fomation: http://mattnull.com/formation