Los Temas más visitados de JQuery

Listado de los Temas más visitados durante los últimos 30 días
Imágen de perfil

internetAutocompletar campo con jQuery, Ajax y PHP


55 visualizaciones el último mes

JQuery

,

AJAX

,

PHP

,

Bootstrap

Publicado el 8 de Abril del 2020 por Administrador
461 visualizaciones desde el 8 de Abril del 2020
Amplia tu conocimiento y obtén un código de ejemplo que te permite autocompletar un campo de texto con jQuery, Ajax y PHP.

En el ejemplo en funcionamiento vamos a tener un campo de texto que al escribir en él aparecen sugerencias (en el caso de que existan) para auto completar su valor. Para el aspecto del mismo nos vamos a apoyar en la tecnología Bootstrap 4.

Screenshot_20200408_194755
Imágen de perfil

internetComprobar disponibilidad de nombre de usuario en vivo


53 visualizaciones el último mes

PHP

,

AJAX

,

JQuery

,

HTML

,

MySQL

Publicado el 9 de Abril del 2020 por Administrador
291 visualizaciones desde el 9 de Abril del 2020
Cuando queremos hacer un formulario de registro de usuarios o de elementos que deseamos que su nombre sea único y que no puede estar duplicado en la base de datos, podemos usar en nuestros campos de texto del formulario una validación para comprobar la disponibilidad o existencia del nombre en vivo.

Esto también se puede aplicar para la validación de emails únicos. También se podría comprobar en el momento si un email ya existe en la base de datos o cualquier dato que se te ocurra.

En el ejemplo que se ilustra asociado a esta entrada, vamos a ver un formulario donde el usuario puede indicar su nombre o nickname para registrarse o iniciar sesión en una página Web. Vamos a comprobar la disponibilidad del nombre de usuario en vivo utilizando la tecnología Ajax para enviar la petición al servidor sin necesidad de recargar la página.

Esto lo vamos a conseguir utilizando las siguientes tecnologías: HTML, jQuery, AJAX, PHP y MySQLi.

Screenshot_20200409_190036
Imágen de perfil

.pdfEjemplo práctico de Ajax y JSON con jQuery


33 visualizaciones el último mes

AJAX

,

JQuery

Actualizado el 10 de Noviembre del 2019 por Administrador (Publicado el 19 de Agosto del 2014)
2.804 visualizaciones desde el 19 de Agosto del 2014
Arículo que explica el funcionamiento de Ajax y JSON con jQuery. Con ejemplos prácticos.
Imágen de perfil

internetPaginación de resultados con jQuery, Ajax y PHP


31 visualizaciones el último mes

JQuery

,

AJAX

,

PHP

Publicado el 25 de Febrero del 2020 por Administrador
804 visualizaciones desde el 25 de Febrero del 2020
La paginación de resultados se hace necesaria a medida que tenemos grandes cantidades de registros que mostrar.

En este artículo vamos a explicar una versión mejorada sobre la paginación de resultados pero esta vez vamos a utilizar las tecnologías: jQuery, Ajax, PHP y MySQLi.

Screenshot_20200225_215227
Imágen de perfil

internetActualizar y crear hojas de estilo a través de JSON y JQuery


29 visualizaciones el último mes

JQuery

Publicado el 29 de Marzo del 2020 por Administrador
1.139 visualizaciones desde el 29 de Marzo del 2020
Una de las cosas a las que he tenido que recurrir últimamente es a utilizar plantillas personalizadas por usuario para distintos sites. Cómo muchos sabréis una de las maneras más simples es utilizar hojas de estilo dinámicas a través de PHP pero, si no podemos utilizar PHP, si por ejemplo estamos en JAVA, una de las soluciones disponibles es precisamente esta.

Para realizar esta solución, lo que vamos a crear son 2 funciones de JavaScript. Una que realizará las modificaciones solicitadas en las hojas de estilo y otra que cargará un JSON y lo utilizará como array de valores para configurar dichas hojas de estilo.

Screenshot_20200329_221547
Imágen de perfil

internetVentanas emergentes con JQuery


26 visualizaciones el último mes

JQuery

Actualizado el 14 de Agosto del 2019 por Administrador (Publicado el 8 de Agosto del 2019)
787 visualizaciones desde el 8 de Agosto del 2019
Con la ayuda de jQuery y jQueryUI se pueden crear y controlar muy fácil ventanas emergentes (dialogs). Estas "ventanas popup" son muy útiles para mostrar información variada, cómo el típico aviso legal, un mapa con datos de contacto o un call to action. Por defecto las ventanas emergentes de jQueryUI tienen un título, un botón de cierre y un imagen en la esquina que permite cambiar el tamaño, pero todo se puede modificar al gusto con un poco de JavaScript. En este tutorial veremos cómo hacerlo
Imágen de perfil

internetCopiar elementos entre listas con jQuery


22 visualizaciones el último mes

JQuery

Publicado el 31 de Marzo del 2020 por Administrador
1.088 visualizaciones desde el 31 de Marzo del 2020
Hoy vamos a ejercitar de nuevo el manejo de listas con jQuery. Para ello vamos a ver cómo podemos copiar elementos entre listas con jQuery.

El objetivo es conseguir mover elementos de una lista Origen a otra lista Destino. Esta vez moveremos el elemento sobre el que hagamos click en la lista origen y añadiremos ese elemento a la lista destino.

Seguramente todos vamos intuyendo que haremos lo siguiente:
1.- Definir una lista origen y sobre cada uno de sus elementos de forma individual les vincularemos el evento click para que reaccionen ante él.
2.- Pasarle una función que tome el elemento seleccionado y lo mueva a otra lista con jQuery appendTo

Screenshot_20200331_183939
Imágen de perfil

internetComo mejorar un datatable en jQuery


19 visualizaciones el último mes

JQuery

Publicado el 23 de Febrero del 2020 por Administrador
459 visualizaciones desde el 23 de Febrero del 2020
Comparto un pequeño articulo donde te muestro un par de tips y mejoras que puedes aplicar en un datatable para que tus proyectos sean más profesionales.

Antes de comenzar ¿Alguna vez has usado la librería DataTable? Si no lo has hecho a continuación te explico un poco sobre esta librería y para que la puedes utilizar.

Screenshot_20200223_225617
Imágen de perfil

internetEjemplos jQuery


18 visualizaciones el último mes

JQuery

Publicado el 13 de Noviembre del 2015 por Administrador
1.312 visualizaciones desde el 13 de Noviembre del 2015
Colección de ejemplos con jQuery
1. Desplazamiento animado en anclas de enlaces con jQuery
2. Crear tabs o pestañas con jQuery y CSS – Estructurando el contenido de una página web
3. Manejo de imágenes con jQuery: Despliegue secuencial
4. Fundamentos de jQuery: Selector y la función jQuery
5. Fundamentos de jQuery: JavaScript No Obstructivo y rutina Document Ready
6. Fundamentos de jQuery: Creación de elementos DOM
7. Trabajando con elementos en jQuery: Generar HTML
8. Hacer un tooltip con jQuery y CSS3
9. Enviar datos de un formulario con ctrl y enter
10. Enlace para mostrar y ocultar contenido con jQuery
11. Uso de jQuery para presentar y filtrar datos en tablas: Parte 1
12. Uso de jQuery para presentar y filtrar datos en tablas: Parte 2
Imágen de perfil

internetCómo dividir un formulario extenso en varios pasos usando jQuery


16 visualizaciones el último mes

JQuery

Publicado el 26 de Septiembre del 2011 por Administrador
11.206 visualizaciones desde el 26 de Septiembre del 2011
Los formularios divididos en pasos, también llamados "wizard", le indican al usuario en todo momento cuántos pasos le quedan para completar la forma, lo que los hace más dinámicos y simples. En este artículo te enseñaremos paso a paso cómo dividir en pasos largos formularios web que resultan tediosos para los usuarios ¡Además incluimos un plugin para descargar que hará que todo sea todavía más sencillo!
Imágen de perfil

internetCrear plugins eficientes con POO y jQuery


15 visualizaciones el último mes

JQuery

Publicado el 5 de Diciembre del 2014 por Administrador
2.044 visualizaciones desde el 5 de Diciembre del 2014
En este artículo abarcaremos un tema avanzado con jQuery en cuanto a la creación de plugins con Programación Orientada a Objetos.
Imágen de perfil

internetjQuery avanzado: crear pseudoelementos propios para los selectores


14 visualizaciones el último mes

JQuery

Publicado el 23 de Diciembre del 2019 por Administrador
698 visualizaciones desde el 23 de Diciembre del 2019
A pesar de los avances de los últimos años de HTML y CSS, jQuery sigue siendo una biblioteca extremadamente útil y todavía hoy la utilizan casi el 85% de los principales 6 millones de sitios web del mundo y su uso no ha parado de crecer.

Lo más básico es poder utilizarla para seleccionar cualquier conjunto de elementos de la página, empleando selectores muy parecidos a los de CSS.

Screenshot_20191223_193118
Imágen de perfil

internetCrear buscador en tiempo real con jQuery y PHP


13 visualizaciones el último mes

JQuery

Publicado el 9 de Agosto del 2018 por Administrador
877 visualizaciones desde el 9 de Agosto del 2018
Crear buscador en tiempo real con jQuery y PHP. Casi la gran mayoría de personas que interactúan con el internet han utilizado un servicio de búsquedas, ya sea un buscador web y/o en un plataforma web. Por lo tanto, en este artículo nos enfocaremos en plasmar un pequeño buscador que utilizara como tecnología para filtrar al lenguaje jQuery que le dará el dinamismo que deseamos para realizar búsquedas en vivo.
Imágen de perfil

internetMenús deplegables con jQuery


11 visualizaciones el último mes

JQuery

Publicado el 11 de Diciembre del 2012 por Administrador
5.841 visualizaciones desde el 11 de Diciembre del 2012
Aprende fácilmente a manejar y customizar menús desplegables con jQuery.
Imágen de perfil

internetCómo crear un plugin con jQuery


10 visualizaciones el último mes

JQuery

Publicado el 18 de Marzo del 2016 por Administrador
1.221 visualizaciones desde el 18 de Marzo del 2016
Artículo que detalla los pasos a seguir para la creación de un plugin con jQuery.
Imágen de perfil

internetDrag and drop mediante controles MVC de DevExpress


10 visualizaciones el último mes

JQuery

Publicado el 17 de Julio del 2017 por Administrador
926 visualizaciones desde el 17 de Julio del 2017
En estos momentos estoy trabajando en un proyecto utilizando extensiones MVC de DevExpress, y quería añadir la funcionalidad de arrastrar y soltar (drag & drop) dentro de un FormLayout Control en la vista de un listado. Es decir, el usuario podrá agregar/quitar, es decir, arrastrar y soltar para organizar elementos <li>, para después, obtener el orden final actualizado. Dado que la funcionalidad no está integrada en el control DevExpress, decidí modificar la librería open source que estaba usando, jQuery-UI.
En este artículo utilizaré DevExpress, Bootstrap y la librería jQuery-ui.
Imágen de perfil

internetInsertar datos a MySQL con jQuery y CodeIgniter


9 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 5 de Septiembre del 2013 por Administrador
4.072 visualizaciones desde el 5 de Septiembre del 2013
El fin de este tutorial es insertar información a una base de datos (en este caso MySQL) sin recargar la página usando el framework PHP CodeIgniter y jQuery.
Imágen de perfil

internetManejo de listas select con jQuery (ComboBox/DropDownList)


8 visualizaciones el último mes

JQuery

Publicado el 30 de Mayo del 2012 por Administrador
8.138 visualizaciones desde el 30 de Mayo del 2012
jQuery es un framework cuyo uso se hace casi inevitable para todos aquellos que usamos de forma intensiva JavaScript. El manejo de las listas de elementos en un sitio web, con la etiqueta <select>, es algo básico en el manejo de datos presentados en formularios.
De cara a validar, gestionar, editar, insertar es decir, hacer todo tipo de operaciones con los datos en el cliente, necesitamos de JavaScript pero su uso es tedioso. jQuery lo hace simple e inmediato. Veamos el caso concreto del manejo del <select>.
Imágen de perfil

internetCreando una página asombrosa de Próximamente... con jQuery


8 visualizaciones el último mes

JQuery

Publicado el 21 de Abril del 2016 por Administrador
1.248 visualizaciones desde el 21 de Abril del 2016
Cuando nos ronda por la cabeza la idea de crear una página web, lo primero que hacemos, casi con toda probabilidad, es adquirir el nombre del dominio y después colgar la típica página de “Próximamente...” (¿recuerdas esas páginas web de antaño que mostraban el gif de un obrero para hacer entender al usuario que el sitio estaba en construcción?).

La verdad es que es una muy buena idea invertir algo de tiempo en el desarrollo de estos tipos de páginas. Se trata del primer encuentro que tendrán los visitantes con tu futura web y sobretodo, con tu producto. Puedes incluso utilizarla como canal de marketing y habilitar un formulario para que la gente pueda suscribirse al boletín de lanzamiento de la página.

Es por esto que, en la actualidad, creamos páginas totalmente diferentes de aquel gif animado de un obrero picando, y utilizamos más de la tecnología que tenemos a nuestro alcance como PHP, MySQL o jQuery, por nombrar algunos lenguajes. En este ejemplo vamos a ver cómo crear una página de “Próximamente...” en la cual se puedan ingresar cuentas de correo a través de un formulario y almacenarlas en una tabla de la base de datos. Además, cuidaremos la presentación de dicha página haciendo uso del plugin Nivo Slider.
Imágen de perfil

internetTurn any webform into a powerful wizard with jQuery (FormToWizard plugin)


7 visualizaciones el último mes

JQuery

Publicado el 28 de Noviembre del 2011 por Administrador
6.631 visualizaciones desde el 28 de Noviembre del 2011
Aprende a dividir formularios en varios pasos con el plugin FormToWizard de jQuery.
Imágen de perfil

internetComo empezar con jQuery


7 visualizaciones el último mes

JQuery

Publicado el 27 de Diciembre del 2011 por Administrador
6.404 visualizaciones desde el 27 de Diciembre del 2011
En este artículo, aprenderás las bases para un desarrollo con JavaScript, con una de las librerías más populares disponibles: jQuery.
Imágen de perfil

internetjQuery UI Tabs. Manual de uso avanzado


7 visualizaciones el último mes

JQuery

Publicado el 30 de Abril del 2015 por Administrador
1.901 visualizaciones desde el 30 de Abril del 2015
En el presente artículo repasamos muchas de las funcionalidades más avanzadas del componente jQuery User Interface Tabs. Veremos desde cómo adaptar estilos preconfigurados y cómo modificarlos, hasta presentar los paneles en vertical, pasando por paneles colapsables, reordenables, …
Imágen de perfil

.html50+ Amazing Jquery Examples- Part1


6 visualizaciones el último mes

JQuery

Publicado el 5 de Octubre del 2011 por Administrador
7.467 visualizaciones desde el 5 de Octubre del 2011
Colección de 50 ejemplo realizados con jQuery.
Imágen de perfil

internetDrag'n Drop con jquery y PHP


6 visualizaciones el último mes

JQuery

Publicado el 1 de Marzo del 2012 por Administrador
3.632 visualizaciones desde el 1 de Marzo del 2012
Código que muestra como arrastras y soltar divs en la pantalla, y devolver un array en PHP con el orden de los divs según la posición de los mismos.
Imágen de perfil

internetAnima contenido con jQuery y el plugin Ascensor


6 visualizaciones el último mes

JQuery

Publicado el 2 de Marzo del 2012 por Administrador
3.913 visualizaciones desde el 2 de Marzo del 2012
Ascensor es un plugin para jQuery que permite moverse por distintas pantallas de navegación de forma muy sencilla, de la misma forma que funcionan los sistemas ascensores de cualquier edificio convencional.
Imágen de perfil

.pdfjQuery 1.7 Visual cheat sheet


6 visualizaciones el último mes

JQuery

Publicado el 17 de Diciembre del 2012 por Administrador
6.627 visualizaciones desde el 17 de Diciembre del 2012
Guía visual de comandos para jQuery 1.7 En formato pdf. Contiene 8 páginas.
Imágen de perfil

internetPortafolio Dinámico y Filtrable con jQuery MixItUp


6 visualizaciones el último mes

JQuery

Publicado el 9 de Octubre del 2014 por Administrador
2.021 visualizaciones desde el 9 de Octubre del 2014
Aprende a crear Portafolios dinámicos y filtrables con jQuery MixltUp.
Imágen de perfil

internetCómo pensar y crear un slider en jQuery


6 visualizaciones el último mes

JQuery

Publicado el 17 de Noviembre del 2014 por Administrador
2.236 visualizaciones desde el 17 de Noviembre del 2014
Artículo en el que se explica la creación y funcionamiento de un slider implementado en jQuery.
Imágen de perfil

internetComo hacer un Slideshow Carrusel con JQuery desde Cero sin plugins


6 visualizaciones el último mes

JQuery

Publicado el 26 de Enero del 2015 por Administrador
1.775 visualizaciones desde el 26 de Enero del 2015
Usar slideshows es algo muy común hoy en día, existen una cantidad de plugins (gratuitos y no gratuitos) para implementar en nuestras páginas, que por una parte resulta una opción fácil, pero aveces es un poco complicado entenderlo el código para modificarlo a nuestro gusto. Por eso es que decidí subir este código de slideshow que hice lo más básico pero funcional posible.
Imágen de perfil

internetSubir archivos usando ajax jquery


5 visualizaciones el último mes

JQuery

Publicado el 13 de Julio del 2011 por Administrador
9.508 visualizaciones desde el 13 de Julio del 2011
No es posible subir archivos al servidor usando ajax debido a un problema de seguridad, sin embargo es posible emularlo usando un iframe y de esa forma hacer un upload sin tener que recargar la página web, en este tutorial voy a explicar como hacer eso usando jquery.