formulario_dialogo_ui_1

Formulario con Ventana de Diálogo de Confirmación

Como ya lo hemos visto en los pos relacionados a ventanas de diálogo usando jQuery, jQuery UI y el plugin jquery.Validate podemos crear formularios y ventanas sorprendentes, ahora vamos a crear un formulario que al ejecutarse abrirá una ventana de diálogo que solicitará la confirmación de su envío, para lograr esto usaremos exactamente los mismos script y librerías de los ejemplos antes comentados.

Ya lo he comentado en los post anteriores, no solamente debemos validar con Más >

Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate III

En los post Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate y Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate II hemos aprendido a crear un formulario dentro de una ventana de diálogo, en esta entrega agregaremos funcionalidad al evento close de tal manera que al cerrarla el formulario quede limpio y listo para ser usado posteriormente.

Diálogo con Formulario

En este caso lo que haremos es vaciar el contenido del Más >

Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate II

En el post anterior Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate creamos una ventana de diálogo con un formulario además de validarlo con jQuery Validate, en esta entrega agregaremos un par de funcionalidades de la mano de la función .ajax(); agregaremos un pre-loader, este lo vimos en Ventana de Diálogo jQuery + jQuery UI + AJAXUsando jQuery.ajax (Ventana de Diálogo + Pre-Loader) y haremos que al momento de iniciar el envío del Más >

Diálogo con Formulario 1

Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate

Como ya había comentado con anterioridad en el post Ventana de Diálogo con HTML – jQuery – jQuery UI hoy en día las aplicaciones web deben ser muy parecidas a sus predecesoras versiones de escritorio, ya vimos como crear Ventana de Diálogo jQuery – jQuery UI + AjaxUsando jQuery.ajax (Ventana de Diálogo + Pre-Loader) , ahora vamos a implementar un formulario entro de una ventana de diálogo usando los mismos conceptos, en esta primera entrega crearemos el formulario y lo Más >

dialogoAjaxII

Usando jQuery.ajax (Ventana de Diálogo + Pre-Loader)

Como parte de los ejemplos de jQuery + jQuery UI he presentado recientemente en el post Ventana de Diálogo jQuery + jQuery UI + AJAX el llamado a un script php de forma asíncrona, para esto usamos la función .load() de jQuery la cual es muy sencilla de implementar, pero que pasa si queremos hacer algo más elaborado, por ejemplo que mientras se hace el llamado asíncrono, se bloqueen alguna sección de nuestra página, presentar un loader, inclusive modificar imágenes o textos de Más >

Ir arriba