Artículos
-
JqueryAutocompletador de jQuery UI con imágenes y HTML personalizado en PHP
El plugin de jQuery Autocomplete te proporciona un método muy sencillo para añadir la función de autocompletar a una caja de texto. Permite al usuario realizar búsquedas rápidas y seleccionar un valor de una lista. Cuando el usuario escriba en la caja de texto, el plugin Autocomplete extrae ...
-
JqueryCómo crear una caja de texto con autocompletador y selección múltiple mediante jQuery
Una caja de texto con autocompletador y selección múltiple permite al usuario seleccionar un valor de una lista basándose en lo escrito por el usuario. Ayuda al usuario a encontrar y seleccionar un valor dentro de las sugerencias que el autocompletador te otorga. Es decir, cuando el usuario es...
-
JqueryCómo crear un campo para introducir números de teléfono con banderas de paÃses y prefijos utilizando jQuery
El campo para introducir un número de teléfono suele ser un campo obligatorio en todo formulario de contacto que se precie. Mostrar la bandera del paÃs y el prefijo del propio paÃs hace que el campo sea más sencillo de utilizar. En este tutorial te mostraré cómo implementar un campo para i...
-
JqueryCómo reemplazar botones de radio y checkboxes por imágenes utilizando jQuery
Personalizar los inputs del formulario ayuda a mejorar la interfaz del usuario en un sitio web. Los checkboxes y los botones de radio personalizados son muy útiles si lo que deseas es reemplazar el estilo por defecto de estos elementos. Con CSS y jQuery puedes personalizar de manera sencilla est...
-
JqueryCómo impedir el doble submit utilizando jQuery
En este tutorial, veremos como prevenir el submit duplicado utilizando jQuery. Al enviar el formulario mediante una función de AJAX, la pagina no refresca. Por ello, la interfaz de usuario no muestra ningún progreso acerca de la ejecución del proceso del lado del servidor.
-
JqueryCómo crear un campo input para tags con autocompletador con Bootstrap
Los tags son una estupenda forma de agrupar y organizar el contenido. Por ejemplo, WordPress cuenta con tags que no son ni más ni menos que una taxonomÃa integrada para agrupar el contenido. En este tutorial veremos cómo agregar tags utilizando el plugin “Bootstrap Tags Input”. Este plugin d...
-
JqueryContador de caracteres al estilo Twitter con jQuery
Twitter utiliza un contador de caracteres para impedir que el usuario ingrese más de los indicados por la polÃtica de la red social. Y no es la única web que cuenta con un textarea con un contador que limita el número de caracteres que el usuario introduzca. Funciona de este modo: se muestra ...
-
JqueryComo programar un tres en raya en jQuery
En este artÃculo vamos a ver cómo implementar un tres en raya mediante jQuery. En este juego, el usuario jugará contra la máquina. Tampoco es que la inteligencia artificial de la máquina sea una barbaridad, ni mucho menos, de hecho tendrás que ser un manta jugando a las tres en raya para qu...
-
JquerySnippets de jQuery para sitios web responsive
Al desarrollar un sitio web o una aplicación responsive, jQuery puede serte de gran ayuda. De hecho, puedes llevar la experiencia del usuario que navega desde un dispositivo móvil a un nuevo nivel. En este artÃculo, he compilado unos cuantos snippets de jQuery para crear y mejorar sitios respo...
-
JqueryCrear tablas editables con jQuery, PHP y MySQL
Seguramente has visto sitios webs en los que es posible editar la información de una tabla directamente sobre la misma tabla, haciendo clic sobre las celdas. Esta, es una caracterÃstica muy usable que mejora muy mucho la experiencia del usuario. En este tutorial te mostraremos cómo implementar...