Etiqueta: JQuery

Publicado el

Ejemplo plugin google maps

black leather wallet on a map

Google Maps, ejemplo en Codepen.io

Esta es una implementación sencilla para ejemplificar el uso de la librería JavaScript de GoogleMaps, el objetivo es la de comprender el uso del plugin y manejar la información regtornada.

Para ejecutar la aplicación, se debe escribir alguna dirección en la barra de texto superior e inmediatamente, después de dejar de tipear por un segundo, gatilla la ejecución de la llamada a GoogleMaps, para obtener la información solicitada.
Una cosa importante, que se debe tener una cuenta, en Google Developers https://console.developers.google.com, para crear un proyecto y habilitar la API de GoogleMaps. Mas detalles pueden ser encontrados en https://developers.google.com/maps/web/

See the Pen Google Maps retorno de búsqueda by Cesar Gonzalez (@donpandix) on CodePen.

 

 

Actualización

Para adjunto los fuentes del desarrollo para un análisis mas claro de la implementación, la URL directa a GIST está en https://gist.github.com/donpandix/ y acá los fuentes:

Publicado el

Restricción de caracteres para campos input con JQUERY y REGEXP

a person holding a paper

En el deseo de mejorar las funcionalidades y de paso agilizar el proceso de desarrollo, he creado esta funcionalidad para la restricción de caracteres de ingreso por un usuario a un campo input, esta implementación está realizada con javascript, adicionalmente hago uso de la librería JQUERY y la evaluación de expresiones regulares. Cada expresión debe ser configurada en un atributo llamado «regexp» en el mismo componente input del formulario, por medio del selector de jquery se le asigna esta funcionalidad al campo al término de la carga del DOM.

Acá un ejemplo en acción de su implementación en CODEPEN

Para probar en línea las expresiones regulares, recomiendo usar la página http://regexr.com/