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

» Leer más

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

» Leer más

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

» Leer más

jQuery – Conseguir el valor href de un enlace

Para conseguir el valor de href en un enlace con jQuery utilizaremos el siguiente código: 1 2 3 4 5 6 7 $(document).ready(function() { $("a").click(function(event) { var href = $(‘a’).attr(‘href’); alert(href); event.preventDefault(); }); });$(document).ready(function() { $("a").click(function(event) { var href = $(‘a’).attr(‘href’); alert(href); event.preventDefault(); }); }); Como podéis ver, a todos los enlaces del web, miramos el valor de href y lo mostramos en un alert. Pero, podemos contretar un poco mas: 1 2 3 4 5 $(".zonalink").click(function(event) { var href= […]

» Leer más

Asignar acción en jquery a múltiples enlaces

En muchas ocasiones nos interesa que al clicar sobre los enlaces de un apartado, el que sea, se ejecute una acción determinada. Pongamos un ejemplo: Tengo un submenú en la parte izquierda con varios enlaces. Al clicar sobre alguno de ellos, queremos que muestre una ventana modal. Tenemos dos opciones, o aplicamos uno a uno la acción a realizar sobre cada enlace o: Asignamos a todos los enlaces que nos interese una clase, en nuestro ejemplo .linkaccion 1 2 3 […]

» Leer más

jquery bootstrap TypeError: $(…) is null

Que título mas raro para un post. Pues bien, detrás de él hay uno de los problemas que nos podemos encontrar al trabajar con jQuery y Bootstrap a la vez. Pongo un ejemplo que me pasó para que lo entendáis mejor: Objetivo: hacer una ventana modal con bootstrap y que se abra automáticamente. El código de la ventana modal en bootstrap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!– […]

» Leer más

jQuery deshabilitar un elemento de formulario

Siguiendo con algunos ejemplos de casos prácticos de jQuery, os muestro de una manera sencilla cómo deshabilitar elementos de un formulario web. 1 2 3 4 5 <form action="paginadestino.php" method="post"> <label for="nombre">Nombre</label> <input type="text" id="nombre" name="nombre" value="Nombre ejemplo" /> <input type="submit" value="enviar" /> </form><form action="paginadestino.php" method="post"> <label for="nombre">Nombre</label> <input type="text" id="nombre" name="nombre" value="Nombre ejemplo" /> <input type="submit" value="enviar" /> </form> Si nos interesa por algún motivo deshabilitar el campo ‘nombre’, con jQuery simplemente deberemos cambiarle el atributo del elemento de […]

» Leer más

jQuery – Crear botón imágenes que cambian

jquery tutorial

Veamos el código necesario para crear un enlace en forma de imagen, que al pasar el botón por encima (hover) cambia a otra imagen. Un ejemplo sería tener una imagen en modo escala de grises y que al pasar por encima, la imagen se mostrara a color: Meterial necesario Tendremos dos imágenes boton-off.png y boton-on.png en la carpeta ‘/images/’. El off será a escala de grises, y el off es la misma imagen pero a color. boton-off.png: será la imagen […]

» Leer más

jQuery Plugin MiniJS Notification – Muestra mensajes en tu web (aviso cookies)

jquery tutorial

Os facilito un enlace a un magnífico plugin que os facilitará la tarea de poner mensajes en vuestra web o aplicación. Un ejemplo claro, sería la obligación de la nueva ley a informar a nuestros usuarios sobre la utilización de cookies. Pues bien, con este plugin de jQuery podremos personalizar cómo y dónde mostrar el mensaje.

» Leer más
1 2 3 4