Los Temas más visitados de JQuery

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

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.

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.

Colección de 50 ejemplo realizados con 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.

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

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

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

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

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

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.

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.

En este artículo abarcaremos un tema avanzado con jQuery en cuanto a la creación de plugins con Programación Orientada a Objetos.

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

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.

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.

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.

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 que detalla los pasos a seguir para la creación de un plugin 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

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

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

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.