Ejemplo AJAX envío formulario con jQuery

jquery tutorial

Pequeño ejemplo de utilización de AJAX para el envío de un formulario Página del formulario (pw-pac1.html) En el header <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript"> function validarUsuario(){ pnom= $(’#nom’).val(); ppass= $(’#pass’).val();   $.ajax({ type: ‘POST’, url: ‘./pw-pac1.php’, data: { nom: pnom, pass: ppass } }).done(function( msg ) { $("#consola").html(msg); }).fail(function (jqXHR, textStatus, errorThrown){ $("#consola").html("The following error occured: "+ textStatus +" "+ errorThrown); }); } </script><script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript"> function validarUsuario(){ pnom= $(‘#nom’).val(); ppass= $(‘#pass’).val(); $.ajax({ type: ‘POST’, url: ‘./pw-pac1.php’, data: […]

» Leer más

jQuery 2.0 no da soporte a Internet Explorer 6,7 y 8

Las últimas noticias indican que la nueva versión de jQuery, no dará soporte a Internet Explorer 6,7 y 8. Un duro golpe a Microsoft, y a los usuarios que utilizan estas versiones de navegador. En cuanto a los desarrolladores, deberemos escoger entre la versión 1.9.1 que da soporte a IE 6,7 y 8 o la nueva versión. jQuery 2.0 es totalmente compatible con la anterior, pero adelgaza un 12% debido a este ‘no soporte de versiones de Internet explorer’. Al […]

» Leer más

jQuery UI – Tutorial 3 – Widget Date Picker

Breve tutorial que se muestra cómo utilizar el widget Date Picker de la librería jQuery UI. Un widget que facilita al usuario insertar una fecha en un formulario. Al clicar sobre el campo, se muestra un calendario para escoger el día. Iremos mirando alguno de los widgets más interesantes. Más información Todos nuestros tutoriales de jQuery jQuery UI Web

» Leer más

jQuery UI – Tutorial 2 – Puesta en marcha

Tutorial que muestra cómo poner en marcha la librería jQuery UI. Qué debo descargar, los termas predeterminados de jQuery UI, colocar la librería en nuestro proyecto y llamar a la librería desde nuestro código. En el siguiente enlace, os listamos todos los tutoriales creados sobre jQuery hasta el momento. Más información Todos nuestros tutoriales de jQuery jQuery UI Web

» Leer más

jQuery UI – Tutorial 1 – Introducción

Breve tutorial que nos muestra que es la librería jQuery UI y un pequeño ejemplo de lo que puede hacer. jQuery User Interface nos facilitará la creación de Front-ends para nuestras aplicaciones de forma sencilla. En el siguiente enlace tienes disponibles todos los videotutoriales de jQuery, e iremos añadiendo de nuevos. Más información Todos nuestros tutoriales de jQuery jQuery UI Web

» Leer más

jQuery – Tutorial 02 – Puesta en marcha

Segundo tutorial de 7 minutos que muestra cómo llamar a la librería desde nuestra página, sea con la librería descargada como llamada a librería alojada en Google [wp_ad_camp_2] Más información jQuery – Capítulo 1 – Introducción Listado completo tutoriales jQuery jQuery – Tutorial 02 – Puesta en marcha en Youtbe

» Leer más

Efectos de animación con jQuery

jQuery

Aquí os dejo algunos enlaces de efectos de animación que pueden realizarse con la librería jQuery: Glimmer – Animación Free Style  Blend – Animación de fondos de botones Parrallax- Animación de fondos de navegador Animación efecto puerta al pasar sobre una imágen Cabecera web efecto movimiento Easing – Animaciones con este plugin Encolar efectos de animación sobre un objeto Efecto burbujas en fondo de navegador Fondo redimensionado según tamaño navegador Estos son algunos de los efectos que se pueden hacer […]

» Leer más

TimePicker trabajar con horas en jQuery Ui

jQuery

Los que utilizamos jQuery UI para crear nuestros paneles de administración, disponemos de un widget, datepicker, que nos permite trabajar con fechas. Pero, que pasa con las horas ? Con TimePicker podremos añadir al widget los sliders pertenecientas a la hora, minuto y segundos, pudiendo crear fechas con la hora incluida. Para utilizarlo haremos los siguiente. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 // Llamamos las librerías […]

» Leer más

FancyBox como alternativa a LightBox

jQuery

La mayoría de vosotros ya conocerá LightBox como una de las librerías JavaScript mas famosas para crear atractivas galerías de fotos con sus respectivas ampliaciones y funciones de usabilidad (pasar fotos como diapositivas, aplicar efectos…). Pues hace ya un tiempo, que descubrimos FancyBox como plugin para jQuery, que permite hacer igual o mas funcionalidades que LightBox. Os pongo un pequeño ejemplo de código comentado para que veáis como funciona: 1 2 3 4 5 6 7 8 9 10 11 […]

» Leer más

Validar un formulario con jQuery antes de enviarlo

jquery tutorial

Una de las funciones que le dan un perfil mas profesional a nuestra web, es la validación de los formularios, antes de enviarlos. Una opción es enviar el formulario, validarlo en el lado del servidor y mostrar el mensaje de error. Otra es validarlo antes de enviarlo. Vídeo Tutorial El plugin Validation de jquery nos permite validar de immediato el formulario, ahorrando pasos y malas experiencias. Requisitos Debemos tener la libreria jQuery, y debemos tener el plugin Validation El código […]

» Leer más
1 2 3 4