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 Compartir…Twitter0LinkedinFacebook0Google+0DiggBufferTumblr0Print

» Read more

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 Compartir…Twitter0LinkedinFacebook0Google+0DiggBufferTumblr0Print

» Read more

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 Compartir…Twitter0LinkedinFacebook0Google+0DiggBufferTumblr0Print

» Read more

jQuery – Tutorial 01 – Introducción

Pequeño vídeo de unos 4 minutos que nos introduce a la librería jQuery. Qués es? Dónde informarse? Qué podemos hacer con esta librería? En el segundo capítulo: descarga librería y puesta en marcha. Más información jQuery – Capítulo 2 – Puesta en marcha Todos los videotutoriales Compartir…Twitter0LinkedinFacebook0Google+0DiggBufferTumblr0Print

» Read more

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 […]

» Read more

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 […]

» Read more

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 […]

» Read more

Validar un formulario con jQuery antes de enviarlo

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 […]

» Read more

jQuery datepicker, php, mysql y las fechas en formato español

Veamos un caso particular a la hora de programar con jquery ui. El componente DatePicker nos proporciona una manera muy visual y eficiente de insertar fechas en nuestros formularios. Pero como muchos veteranos de la programación sabrán, hay un problema: Las fechas en programación siguen el formato inglés: YYYY-mm-dd (2012-12-03). Aquí en España, y en muchos otros paises, las fechas son en formato dd-mm-YYYY (03-12-2012). Así pues, debemos permitir al usuario insertar el formato español y almacenarlo en formato inglés. […]

» Read more

elrte – Editor de texto WYSIWYG para tus aplicaciones web

Os damos a conocer uno de los editores de texto mas completos que existen para tus aplicaciones web, elrte. Cómo se utiliza ? Primero hay que descargar la librería en la web oficial de elrte: ceforge.net/projects/elrte/files/ Después, tener en cuenta que necesita jQuery y jQuery UI. Vamos a por el código: Código a poner en el head de la página 1 2 3 4 5 6 7 8 9 /* Hojas de estilo */ <link rel="stylesheet" href="http://www.miweb.com/admin/js/elrte/css/elrte.min.css" type="text/css" media="screen" /> […]

» Read more

jQuery como seleccionar una opción de Select

Código muy práctico para utilizarlo una vez recibimos datos vía AJAX y debemos seleccionar una de las opciones: 1 2 3 4 5 6 <select id="provincia"> <option value="1">Tarragona</option> <option value="2">Albacete</option> <option value="3">Castellón</option> <option value="4">Almería</option> </select><select id="provincia"> <option value="1">Tarragona</option> <option value="2">Albacete</option> <option value="3">Castellón</option> <option value="4">Almería</option> </select> 2 $("#provincia option[value="+ valor +"]").attr("selected",true);$("#provincia option[value="+ valor +"]").attr("selected",true); Con este código según ‘valor’ se seleccionará por defecto una opción u otra. Si valor es 1, se seleccionará Tarragona, por ejemplo. Así pues, cuando recibimos los […]

» Read more

Plugins jQuery imprescindibles para crear una aplicación RIA

Os presentamos algunos plugins imprescindibles para el desarrollo de aplicaciones web. Suponiendo que trabajáis con jQuery y jQuery UI (librería de interfícies oficial de jQuery), os listo algunos añadidos muy interesantes: jQuery Layout Quiźas uno de los mas importantes. Este plugin permite estructurar la pantalla en apartados (layouts). Zonas de la pantalla para los menús, para la cabecera… y permite contraerlos, hacerlos mas pequeños, …. Enlace: http://layout.jquery-dev.net/ FormToWizard Seguro que en muchas ocasiones os ha pasado que al crear un formulario, […]

» Read more
1 2 3 4