Los Temas más visitados de JQuery

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

internetBarras de progreso con jQuery, Ajax y PHP


73 visualizaciones el último mes

PHP

,

JQuery

,

AJAX

Publicado el 28 de Junio del 2020 por Administrador
2.354 visualizaciones desde el 28 de Junio del 2020
Las barras de progreso son elementos gráficos que están presentes en casi todas las aplicaciones que realizan operaciones largas tales como cargar grandes archivos, procesamiento de imágenes o procesamiento de vídeos.

Estas barras se utilizan para indicar al usuario que el ordenador está pensando o está ocupado haciendo alguna tarea. Lo mismo puede ocurrir en la carga de páginas web, aplicaciones o cualquier funcionalidad que requiera un proceso.

En este tutorial vamos a explicar un ejemplo práctico que te va a resultar muy útil o te va a servir como referencia para aplicar a tus aplicaciones o páginas web con conseguir el efecto de las barras de progreso funcionando paralelamente con el proceso que se esté ejecutando. Vas a conocer una forma para mostrar barras de progreso de un proceso real utilizando jQuery, Ajax, PHP y MySQLi.

Screenshot_20200628_185341
Imágen de perfil

internetMostrando datos desde JSON en una tabla con JQuery o PHP y Rest API de WordPress


64 visualizaciones el último mes

WordPress

,

PHP

,

JQuery

Actualizado el 10 de Febrero del 2022 por Administrador (Publicado el 2 de Agosto del 2021)
1.560 visualizaciones desde el 2 de Agosto del 2021
Regresando a los experimentos después de pelear con algunos datos y mapas, una forma en la que podemos incluir información en nuestro sitio o script ya sea por una API o si tenemos varios sitios en distintos dominios podemos compartir información (incluso utilizando convirtiendo un array de php en un json para cuidar la integridad de la información).

Tabla de contenidos:
1.- Primero ¿Qué es JavaScript Object Notation (JSON)?
2.- Creando Json
2.1.- Creando Json con Javascript
2.2.- Creando Json con PHP
3.- Parseando Json y mostrándolo en una tabla
3.1.- Un poco acerca de la REST API de WordPress
3.2.- Mostrando los últimos post de un sitio WordPress con PHP utilizando REST API
3.3.- Mostrando los últimos post de un sitio WordPress con JQuery utilizando REST API

Screenshot_20210802_173045
Imágen de perfil

internetPaginación de resultados con jQuery, Ajax y PHP


39 visualizaciones el último mes

JQuery

,

AJAX

,

PHP

Publicado el 25 de Febrero del 2020 por Administrador
2.193 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

internetRegistro y validación de usuarios con Ajax PHP y MySQL


39 visualizaciones el último mes

PHP

,

AJAX

,

MySQL

,

JQuery

Publicado el 10 de Febrero del 2021 por Administrador
1.547 visualizaciones desde el 10 de Febrero del 2021
Registro y validación de usuarios con Ajax PHP y MySQL. En esta publicación nos enfocaremos en crear un formulario para registro de usuarios. Sin embargo, usaremos un formulario dinámico con la ayuda de jQuery, PHP, HTML5, MySQL, para lograr un registro muy interactivo.

La idea es tener que registrar usuarios usando algunos Framework que existen en el mercado web para no tener que recargar la página web y/o sistema web dando agilidad al sistema y logrando no consumir muchos recursos del servidor web.

Índice de Contenidos:
1 Registro y validación de usuarios con Ajax PHP y MySQL
1.1 Componentes a utilizar en este sistema web
1.2 Estructura del sistema de registro y validacion de usuarios con AJAX
1.2.1 Fichero “php_registrarajax”
1.2.2 2. Fichero index.php
1.2.3 3. RegistroAjax.php
1.2.4 4. RevisarEmail.php
1.3 CONCLUSIÓN
1.4 DESCARGAS

Screenshot_20210210_220532
Imágen de perfil

internetValidar campos de un formulario en HTML5, JS, jQuery o PHP


37 visualizaciones el último mes

HTML

,

JavaScript

,

JQuery

,

PHP

Publicado el 17 de Septiembre del 2020 por Administrador
2.444 visualizaciones desde el 17 de Septiembre del 2020
El principal objetivo es garantizar que los datos enviados a través de un formulario sean completos, precisos, seguros y consistentes. Esto se logra a través de controles de validación de datos y reglas que se comprueba al validar el formulario.

Índice de Contenidos:
1.- ¿Para qué sirve validar campos de un formulario?
2.- Ejemplo práctico
2.1.- Principales restricciones
2.2.- Formulario de origen
3.- Validar campos en HTML5
4.- Validar campos en JavaScript
4.1.- Funciones utilizadas
5.- Validar campos en jQuery
6.- Validar campos en PHP
7.- Consejos

Screenshot_20200917_164039
Imágen de perfil

internetCrear un menu desplegable básico con HTML, CSS y jQuery


29 visualizaciones el último mes

HTML

,

CSS

,

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 17 de Diciembre del 2020 por Administrador
1.535 visualizaciones desde el 17 de Diciembre del 2020
Algo que es muy útil y recurrente dentro de mis proyectos es el menú desplegable, este elemento le da un toque moderno a nuestras webs, además de ahorrar espacio sobre todo cuando se trata de diseños para dispositivos móviles. Hacemos clic sobre un botón y que despliega el contenido que queremos ver en lugar de llenar la página de texto y tener que hacer scroll hasta encontrar lo que se busca. Por lo que también estamos aportando usabilidad a nuestra página web.

Este artículo muestra como crear un menú, pero podría ser simplemente un botón que despliega un contenido como las características de un producto por ejemplo y la acción podría dispararse al pasar el ratón por encima.

Screenshot_20201217_213117
Imágen de perfil

internetAutocompletar campo con jQuery, Ajax y PHP


24 visualizaciones el último mes

JQuery

,

AJAX

,

PHP

,

Bootstrap

Publicado el 8 de Abril del 2020 por Administrador
1.136 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

internetCómo renderizar el gráfico usando Google Charts


22 visualizaciones el último mes

JQuery

Publicado el 27 de Enero del 2021 por Administrador
754 visualizaciones desde el 27 de Enero del 2021
Cómo renderizar el gráfico usando Google Charts. Google Charts API proporciona opciones para generar de forma dinámica una variedad de gráficos que son muy útiles para nuestros sistemas como ser:

a) Gráfico circular.
b) Gráfico de columnas y más.

El uso de esta API es fácil de implementar y por consiguiente crear los informes gráficos para nuestros resultados de una consulta con PHP & MySQL. En estrada informativa, vamos a implementar paso a paso la forma de generar el informe gráfico de asistencia utilizando Google Chart API.

Screenshot_20210127_161823
Imágen de perfil

internetComo mejorar un datatable en jQuery


21 visualizaciones el último mes

JQuery

Publicado el 23 de Febrero del 2020 por Administrador
1.095 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

internetComo cargar Datos JSON con un Spinner en jQuery Ajax


20 visualizaciones el último mes

AJAX

,

JQuery

Publicado el 4 de Agosto del 2020 por Administrador
997 visualizaciones desde el 4 de Agosto del 2020
Los Spinners de carga son geniales, hay muchos estilos disponibles de manera gratuita o de pago en distintas plataformas de Internet o si deseas puedes crear tu propio Spinner haciendo uso de Photoshop (te toma mas tiempo), el Spinner lo podemos mostrar antes de cargar un determinado contenido en formato JSON, todo esto te enseñare como hacerlo en este Post.

Screenshot_20200804_231951
Imágen de perfil

internetCrear buscador en tiempo real con jQuery y PHP


19 visualizaciones el último mes

JQuery

Publicado el 9 de Agosto del 2018 por Administrador
1.365 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

internetAutocompletar campo con jQuery, Ajax y PHP


14 visualizaciones el último mes

JQuery

,

AJAX

,

PHP

Publicado el 7 de Febrero del 2021 por Administrador
1.006 visualizaciones desde el 7 de Febrero del 2021
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_20210207_202847
Imágen de perfil

internetDrag and drop mediante controles MVC de DevExpress


11 visualizaciones el último mes

JQuery

Publicado el 17 de Julio del 2017 por Administrador
1.357 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

internetComprobar disponibilidad de nombre de usuario en vivo


11 visualizaciones el último mes

PHP

,

AJAX

,

JQuery

,

HTML

,

MySQL

Publicado el 9 de Abril del 2020 por Administrador
1.733 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

internetSubir archivos usando ajax jquery


9 visualizaciones el último mes

JQuery

Publicado el 13 de Julio del 2011 por Administrador
9.829 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.
Imágen de perfil

internetjQuery: Cómo comunicar iframes de dominio cruzado


8 visualizaciones el último mes

JQuery

Publicado el 29 de Octubre del 2010 por Administrador
5.208 visualizaciones desde el 29 de Octubre del 2010
jQuery postMessage permite la comunicación window.postMessage de forma fácil y sencilla en navegadores que la soportan, cayendo en un método de comunicación document.location.hash para todos los otros navegadores. Con la incorporación del método window.postMessage, JavaScript finalmente obtiene un método fantástico para la comunicación de iframes de dominio cruzado. En esta nota te explicamos cómo hacerlo.
Imágen de perfil

internetCrear plugins eficientes con POO y jQuery


8 visualizaciones el último mes

JQuery

Publicado el 5 de Diciembre del 2014 por Administrador
2.420 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

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


8 visualizaciones el último mes

JQuery

Publicado el 29 de Marzo del 2020 por Administrador
1.580 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

internetCopiar elementos entre listas con jQuery


8 visualizaciones el último mes

JQuery

Publicado el 31 de Marzo del 2020 por Administrador
1.539 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

internetMenú contextual personalizable para su aplicación con jQuery


8 visualizaciones el último mes

JQuery

Publicado el 24 de Enero del 2021 por Administrador
683 visualizaciones desde el 24 de Enero del 2021
Menú contextual personalizable para su aplicación con jQuery. En esta publicación hablaremos de una opción muy interactiva y es nada menos sobre los menús secundarios en nuestros sistemas web. Sin embargo, este funcionara siempre y cuando demos clic derecho al mouse que generara un menú Contextual con varias opciones.

Índice de Contenidos:
1 Menú contextual personalizable para su aplicación con jQuery
1.1 Ventajas de uso
1.2 Cómo implementarlo de manera correcta:
1.3 Menú contextual usando jQuery ContextMenu
1.4 CONCLUSIÓN
1.5 DESCARGA

Screenshot_20210124_213457
Imágen de perfil

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


7 visualizaciones el último mes

JQuery

Publicado el 26 de Septiembre del 2011 por Administrador
11.666 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

internetDrag'n Drop con jquery y PHP


7 visualizaciones el último mes

JQuery

Publicado el 1 de Marzo del 2012 por Administrador
3.917 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

internetPersonalizando las alertas javascript


7 visualizaciones el último mes

JQuery

Publicado el 12 de Diciembre del 2012 por Administrador
6.194 visualizaciones desde el 12 de Diciembre del 2012
En el siguiente artículo voy a sobreescribir la función javascript window.alert() para mostrar una ventana de dialogo mas atractiva visualmente. Para ello voy a utilizar la librería jQuery, los awesome buttons de Zurb.com y me voy a basar en el diseño de los dialogos de Facebook.
Imágen de perfil

internetInsertar datos a MySQL con jQuery y CodeIgniter


7 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 5 de Septiembre del 2013 por Administrador
4.356 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

internetFlot – Una librería gráfica para jQuery


7 visualizaciones el último mes

JQuery

Publicado el 30 de Mayo del 2014 por Administrador
2.410 visualizaciones desde el 30 de Mayo del 2014
El siguiente artículo explica con un ejemplo como usar la librería jQuery que te permitirá crear gráficas en tus proyectos web.