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…

Sigue leyendo

Anuncios

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.

Sigue 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.

Sigue 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

A %d blogueros les gusta esto: