Skip navigation

Con el plugin autobox se pueden conseguir campos de texto con auto-completado y que simulen el estilo de los campos de la red social Facebook.

autobox

Los valores posibles pueden ser declarados estaticamente o en base a una petición AJAX.

Documentación y ejemplos.

Anuncios

Una de las implementaciones habituales de los frameworks de javascript es la de dotar a los formularios de búsqueda con sugerencias mientras el usuario va escribiendo el texto.
Esto nos permite ofrecer al usuario información extra que le puede resultar de interés y velocidad en su proceso de búsqueda.

El realizar esta implementación conlleva el uso de peticiones AJAX, por las que, sin necesidad de actualizar la página completamente, se refresca un determinado bloque con los resultados de una consulta a la base de datos.

En marcofolio.net tenemos un tutorial donde nos explican paso a paso, tanto el código javascript usado como los archivos PHP y estructura de la base de datos en MySQL necesarios, para realizar una implementación de este tipo basada en la apariencia de los buscadores de la página web de Apple.

applesearch

Puedes acceder a la demostración online y descargar todo el código fuente necesario para revisar el ejemplo.

Comparto con vosotros dos recursos con los que obtener información de la API de jQuery. Son dos sitios web que suelo utilizar frecuentemente cuando tengo alguna duda al realizar un desarrollo: jQuery API y Visual jQuery

jQuery API

apijquery

Visual jQuery

visualjquery

Ambos utilizan un menú de navegación muy intuitivo, bien dividido y con ejemplos del uso de cada método.

En mi blog personal hablo sobre la proposición de Drew Wilson de dotar al elemento IMG de un nuevo atributo denominado fullsize y que contiene la ruta de la imagen a mayor tamaño.

Mientras este atributo no se aprueba, Drew nos ofrece un plugin para jQuery que nos realice esta funcionalidad.

addfullsize
jQuery Fullsize trabaja como un lightbox, buscando las imágenes que contengan el atributo fullsize y preparándolas para que cuando el cursor se sitúe sobre ellas aparezca un icono de ampliación. Al pulsar este icono se mostrará en un bloque flotante la versión de mayor tamaño de la imagen.

El plugin pesa solo 8Kb y acepta los parámetros necesarios para adaptarlo a nuestras necesidades.

<img src=”me.jpg” alt=”me” longdesc=”me-big.jpg” />

$(“img”).fullsize();

Más información y descarga: addfullsize

La gente de Queness nos proponen un ejemplo de como realizar una validación de un formulario con jQuery.
ajaxform
Si revisamos el código fuente de la página veremos que en el evento click() del botón del formulario se comprueba que todos los campos obligatorios hayan sido cubiertos.
Si esto es correcto se realizará la llamada AJAX al servidor para procesar el pedido y realizar la operación oportuna dependiendo del resultado.

Ir al ejemplo