Blog de programación
Estrenando nuestro perfil de CodePen.io, vamos a ver un ejemplo en jQuery que trabaja con desplegables (selects) y cajas de texto en formularios. En muchas ocasiones es necesario el tratamiento de campos de un formulario con jQuery. Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
Ya vimos en artículos anteriores cómo seleccionar una opción de un desplegable (select) por su valor. En este artículo vamos a ver cómo seleccionarlo según el texto de la opción. Me explico: Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
Existe un pligin llamado Validate que puede utilizarse para validar un formulario. Seguro que muchos de vosotros ya lo sabréis. Pero cómo validamos que en un formulario, al menos se seleccione un checkbox de un grupo de ellos. Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
¿Cómo ejecutar una función cuando cambia el contenido en un textbox en un formulario web? Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
Es muy común tener en un textbox de un formulario una fecha en español DD/MM/YYY, y queramos convertirla al formato inglés YYYY/MM/DD para poder trabajar con ella en JavScript. Os indicamos cómo: Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
En muchos ocasiones nos puede interesar simular el click de un usuario sobre un enlace. Dicho de otro modo, provocar el click en un enlace sin que sea el usuario quien lo haga. Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
En un desplegable, nos puede interesar saber el texto que se muestra de la opción seleccionada. Lo veremos mucho mejor con un ejemplo que puede aclarar este concepto. Por un lado tenemos un desplegable con varias poblaciones: 1 2 3 4 5 6 <select id="poblaciones" name="poblaciones"> <option value="1">Altafulla</option> <option value="2">Creixell</option> <option value="3">La Riera</option> <option value="4">Torredembarra</option> </select><select id="poblaciones" name="poblaciones"> <option value="1">Altafulla</option> <option value="2">Creixell</option> <option value="3">La Riera</option> <option value="4">Torredembarra</option> </select> Por otro lado, tenemos un campo hidden: 1 <input id="poblacionseleccionada" name="poblacionseleccionada" type="hidden" […]
» Read more
A la hora de enviar formularios, nos puede interesar saber si un checkbox está o no seleccionado. Para ello, jQuery nos proporciona una forma muy sencilla de hacerlo. Por un lado tenemos el checkbox: Por el otro el código que mira si el checkbox está seleccionado: if ($(‘input[name=micheckbox]’).is(‘:checked’)) { // … } Espero que os sea de utilidad. Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
Si buscáis por internet cómo seleccionar valores de un desplegable con jQuery os saldran multitud de ejemplos en los que todo el mundod ice que les funciona. Todo está sujeto a qué versión de jquery se trabaje, qué navegador… Es por eso que aquí os dejo unos ejemplos que podréis probar para ver si a vosotros os funciona. Seleccionar una opción determinada $(‘#id option[value=valorDeLaOpcionDelSelect]’).prop(‘selected’, ‘selected’); Si no te funciona, prueba: $(‘#id option[value=valorDeLaOpcionDelSelect]’).attr(‘selected’, ‘selected’); Seleccionar la primera opción del select $(“#id […]
» Read more
Librería que permit de forma sencilla, poner un video como fondo en una página web. Es muy utilizado en páginas de inicio para intentar impactar al visitante. No hace falta decir que esto le da un protagonismo al video que obliga a que éste sea de buena calidad. Como puede trabajarse con videos de YouTube, el servidor web no sufre y podemos exprimir la calidad que YouTube nos ofrece. Tenéis toda la información en el siquiente enlace: Web oficial de […]
» Read more
Partimos de la premisa que tenemos un formulario creado, y queremos enviar los datos con AJAX. Dicho de otro modo, enviaremos el formulario sin marcharnos de la página. Para ello lo haremos con la ayuda de jQuery. Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
Muchos de vosotros conoceréis FancyBox, una alternativa para Ligtht Box. Nos permite abrir ventanas modales mostrando mensajes o imágenes. Las maneras de utilizarlo estan muy detalladas en su página web. Ahora bien… hay una opción que no se indica y que es muy interesante: Abrir la ventana modal fancybox directamente desde una función Imaginemos que queremos sustituir un alert(‘Error al enviar el formulario’) por una bonita ventana modal que muestre el error de forma mas ‘bonita’. Cómo? 1 2 3 […]
» Read more
