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

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

» Leer más

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

» Leer más

jQuery como seleccionar una opción de Select

jquery tutorial

Código muy práctico para utilizarlo una vez recibimos datos vía AJAX y debemos seleccionar una de las opciones. En jQuery puedes seleccionar una opción de un Select según su valor: Tenemos el siguiente select de provincias:   <select id=”provincias”><option value=”1″>Tarragona</option><option value=”2″>Albacete</option><option value=”3″>Castellón</option><option value=”4″>Almería</option></select>   Veamos la sentencia para seleccionar una opción según su valor: $(“#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. […]

» Leer más

Puesta en marcha con jQuery

En primer lugar, debemos ir al web oficial de jQuery y descargarlo. Para quien no domine el tema, es un fichero .js que se puede descargar desde la página inicial de jQuery ( lo pone claramente Download jQuery ). Al descargarlo, debéis alojarlo en una carpeta de proyecto web que tengáis. Ejemplo: /miproyecto/libreria/jquery-1.7.min.js /miproyecto/index.php Como podéis ver, tenermos la carpeta miproyecto donde alojamos los ficheros de nuestro proyecto, y dentro una carpeta libreria donde alojamos la libreria jQuery. Nótese el […]

» Leer más

Primer contacto con jQuery

Como indican en la web oficial, jQuery es una librería para JavaScript que facilita la programación en las tareas de eventos, crear animaciones y efectos, manejar AJAX, etc. Podéis informaros en la siguiente dirección: http://jquery.com/ En definitiva, es una librería en forma de fichero JS que llamaremos desde nuestra página y nos proporcionará multitud de opciones para hacer de nuestra página mas funcional y atractiva. Cuál es uno de los potenciales de esta librería ? Ocupa muy poco Compatible con […]

» Leer más
1 2 3 4