jQuery – Capturar valor de desplegable y escribir en una caja de texto

jquery tutorial

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

» Read more

jQuery – validar grupo de checkbox con jQuery Validate

jquery tutorial

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

» Read more

jQuery – Conseguir el texto de la opción seleccionada de un desplegable

jquery tutorial

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

jQuery – Saber si un checkbox está seleccionado

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

» Read more

jQuery – Seleccionar opción de un desplegable

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

bideo.js – poner video en el fondo de página web

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

FancyBox – Llamarlo desde una función

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
1 2 3 4