Tag Archives: jQuery

Tutorial: Sencilla galería de fotos con jQuery

8 Jul

En este tutorial, vamos a crear una galería de imagenes de lo mas sencillo, incluso para los mas novatos, con una simple función.

Echadle un ojo al resultado final y vamos al lío…

Seguir leyendo

Como usar GD Star Rating con elementos dinámicos (ajax)

21 Abr

Últimamente he estado usando bastante este gran plugin para WordPress con el que puedes crear fácilmente un sistema de votaciones.

El problema que tenía, es que al cargar los posts o comentarios con ajax, las votaciones no funcionaban. Esto se debe a que el evento click de jQuery, solo funciona con los elementos que están cargados en la página y no los que vamos añadiendo posteriormente.

Buscando entre el código de GD Star Rating he encontrado una solución que no podía ser mas sencilla. Se basa en asignarle a las votaciones el evento click de forma permanente a los elementos que coincidan con el selector, mediante live.

Solo tenemos que ejecutar el siguiente código en nuestro script

jQuery(".gdsr_rating_as > a").live('click',function() { gdsr_rating_standard(this); });

jQuery(".gdthumb > a").live('click',function() { gdsr_rating_thumb(this); });

La primera linea es para votaciones con estrellas y la segunda para los pulgares.

Espero haber ayudado a toda la gente que andaba buscando algo parecido, por que no he conseguido encontrar nada por la web.

Tutorial: Notificaciones animadas con jQuery

5 Mar

Hoy vamos a ver un tutorial en el que crearemos sencillas pero efectivas notificaciones con jQuery que podrá entender hasta el mas novato.

Veamos como queda el resultado final y vamos a ello.

Seguir leyendo

Comprobar si existe un elemento con jQuery

1 Mar

Para todos los que se pregunten como pueden comprobar si existe un elemento usando jQuery, aquí está la solución:

if ($('elemento').length){
 //Ejecutar si existe el elemento
}

Como veis, comprobamos el tamaño del elemento con la función length de Javascript. Sencillo, ¿eh?

Tutorial: El slider mas sencillo con jQuery

15 Feb

En este tutorial, vamos a crear un sencillo slider con desplazamiento horizontal, con un efecto inspirado en la web de Coda pero orientado a que cualquier principante pueda entenderlo, y por que no, tomarlo como base para crear un slider con muchas mas funciones.

Antes de nada, echadle un ojo al efecto final y manos al la obra.

Seguir leyendo

10 trucos sencillos para diseñadores con jQuery

2 Oct

En Six Revisions han recopilado 10 trucos fáciles de aplicar con jQuery, algunos muy útiles, otros meramente decorativos. Me ha gustado bastante la técnica para redondear bordes.

Links: 10 Easy jQuery Tricks for Designers | Rounded Corners With Javascript (jQuery)

Plugins para manipular tablas con jQuery

1 Oct

Muchas veces queremos manipular una tabla sin tener que recargarla, como ordenarla por determinado campo, filtrarla, poder seleccionar los campos, etc…

Pues en Web Design Booth han recopilado una lista para hacer todo eso y mas.

Link: 15 Great jQuery Plugins For Better Table Manipulation

35 plugins jQuery UI para WordPress

1 Oct

Recopilación de 1st Web Designer que nos deja 35 plugins jQuery UI para WordPress, como galerías, lightboxes, puntuaciones, etc.

Link: 35 Stylish And Modern WordPress Plugins Using jQuery UI

Crear nuestro primer plugin para jQuery

30 Sep

Últimamente estoy en medio del desarrollo de varios plugins para jQuery y supongo que mas de uno tendrá ganas de ponerse a ello pero no sabe por donde empezar. Pues vamos a empezar aquí mismo, con un sencillo plugin que hará la función de asignarle un texto a un input de texto, valga la redundancia, que al pulsar en el desaparezca y al salir de el vuelva a aparecer.

Aunque no hayáis entendido nada, os aseguro que es mas fácil de programar que de explicar.Mientras tanto os podéis descargar ejemplo.

Vamos al lió…

Seguir leyendo

Eliminar Imagenes que no Cargan con jQuery o MooTools

30 Sep

A David Walsh se le ha ocurrido una idea muy simple pero efectiva para borrar las imagenes que no cargan. Esto sería util por ejemplo en una galería con varias imagenes, ya que eliminando las que no cargan la galería sigue viendose perfectamente.

Link: Remove Broken Images Using MooTools or jQuery

Diseña un sitio como este con WordPress.com
Comenzar