Ajax para formularios

Ajax para formularios

Poco más tengo que decir de las virtudes del Ajax, quien quiera saber más que vea los post relacionados con Ajax.

En este caso traigo código muy útil para webs con buscadores. Se trata de códigos para hacer más usable los formularios a los usuarios o por ejejmplo, para ordenar los resultados de una búsqueda por columnas (precio, nombre,…)

  1. Sugerir opciones en un TextBoxList – seguro que alguna vez habéis ido a rellenar un textbox y se os ha mostrado una sugerencia, sobre todo en buscadores (por ejemplo al busdar un destino para un viaje…). Con este código veréis que al ir tecleando letras os salen las sugerencias, además de esto luego los nombres que hayáis puesto quedan como etiquetas que en cualquier momento pueden volver a ser eliminadas pulsando sobre una «x» como si de una ventana se tratase. Muy visual.  Descargar el código fuente –     Ver demo

    Sugerencias en textbox con Ajax

    Sugerencias en textbox con Ajax

  2. Explicar cada caja con un mensaje – al colocarnos en cada textbox, sale un mensaje que nos indica lo que tenemos que hacer, es muy útil para complejos formularios. Descargar el código fuente

    Ayuda en los formularios

    Ayuda en los formularios

  3. Autotabulación – seguro que alguna vez habéis observado lo incómodo que es rellenar las casillas de un código de un producto cuando vamos a registrarlo. Este código lo que hace es que cuando acabamos la capacidad de una caja, nos pasa el cursor automáticamente a la siguiente. Incluso podemos determinar si en la caja se van a meter números o texto. Es muy útil para largos formularios, en los que evitamos estar soltando el teclado para movernos con el ratón o en el mejor de los casos tabulando. Descargar el código fuente –  Ver demo

    Autotabulación

    Autotabulación

  4. Ordenar resultados – este código no es propio del formulario pero si de sus consecuencias. Imaginad que tenéis un resultado en columnas (por ejemplo el típico de ebay) y que queréis ordenar las columnas por precio o por nombre o por tiempo para caducar,…. Este código lo consigue en un click y lo que es más importante, sin recargar la página. Descargar el código fuente

    Ordenar resultados con Ajax

    Ordenar resultados con Ajax