Los Temas más visitados de JQuery

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!

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.

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.

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.

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.

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.

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.

Divide tus formularios en varios pasos con jQuery.

Aprende a dividir formularios en varios pasos con el plugin FormToWizard de jQuery.

En este tutorial aprenderemos a darle un poco más de interactividad a nuestras cajas de búsqueda: resaltado de caja de búsqueda al recibir el foco, auto-foco al cargar la página y aparición / desaparición del texto por defecto. Todo ello lo haremos mediante javascript, concretamente mediante mi librería preferida, utilizaremos jQuery…

Artículo de introducción a jQuery. Qué es y conceptos básicos.

En este artículo, aprenderás las bases para un desarrollo con JavaScript, con una de las librerías más populares disponibles: jQuery.

En esta ocasión, aprenderemos a crear un menú de pestañas con nuestra querida librería de javascript jQuery. Recrearemos de forma simple y limpia un menú de pestañas elegante, útil y listo para utilizar en nuestros sitios web.

En el presente artículo repasamos muchas de las funcionalidades del componente jQuery User Interface contextMenu. Con ellas creemos se está en condiciones de implementar un sistema de menú contextual completo, con atajos de teclado y funciones de respuesta complejas, con un mínimo de codificación.

En el presente artículo repasamos funcionalidades más avanzadas del componente jQuery User Interface contextMenu. Con ellas creemos se está en condiciones de implementar mejoras tanto en su comportamiento, como en su apariencia de interfaz de usuario; todo ello, con un mínimo de codificación.

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.

Aprende a crar menús contextuales con JavaScript y jQuery.

Crea listas desplegables dependientes con jQuery si recargar la página.

En el presente artículo repasamos muchas de las funcionalidades del componente jQuery User Interface Tabs. Con ellas creemos se está en condiciones de implementar un sistema de paneles, cargar su contenido de diversas maneras, controlar errores y posicionar textos complementarios dentro y fuera del panel, siempre con un mínimo de codificación.

Colección de 50 ejemplo realizados con jQuery.

Guía visual de comandos para jQuery 1.7 En formato pdf. Contiene 8 páginas.

Listado de 50 efectos para programar con JQuery.

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.

Aprende a detectar eventos de ratón a través de JQuery.

El siguiente artículo explica con un ejemplo como usar la librería jQuery que te permitirá crear gráficas en tus proyectos web.

Aprende a crear Portafolios dinámicos y filtrables con jQuery MixltUp.

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, …

En este tutorial aprenderás la base de cómo crear tus propias extensiones de jQuery para facilitar el desarrollo tanto a otras personas como a tí mismo. Crearlas, es más fácil de lo que pueda parecer en un principio y se no se requieren muchas líneas de código adicionales a un código Javascript normal.

Aprende fácilmente a manejar y customizar menús desplegables con jQuery.

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