jQuery

Themeando widgets jQueryUI

Submitted by admin on Mon, 06/24/2013 - 00:31

Para jQuery 1.4.x y jQueryUI 1.8.x

Drupal 7 viene con jQuery 1.4.x y jQueryUI 1.8.x
Si se quiere themear los widgets que vienen con jQueryUI 1.8.x se puede usar

http://ui-dev.jquery.com/themeroller/

que todavía está disponible a la fecha para generar él código css de la plantilla que reemplazará al css del jQueryUI que viene por defecto. Para cargar el css de esta versión de jQueryUI se puede usar

Etiquetas

Slideshow Vertical con imágenes agrupadas para un campo CCK usando Jcycle

Submitted by admin on Mon, 06/27/2011 - 03:26

Ya lo había hecho antes usando otro plugin jquery pero esta vez me animé a usar jcycle porque me parece una librería mucho más completa. Tome como referencia este enlace

http://jquery.malsup.com/cycle/div.html

Primero, hay que descargar el archivo jcycle de http://jquery.malsup.com/cycle/
Tenemos que usar el archivo jquery.cycle.all.min.js porque es el que incluye los efectos que necesitamos para el movimiento vertical (scrollUp ó scrollDown)

Etiquetas

outerHTML para jQuery

Submitted by admin on Mon, 04/25/2011 - 15:21

Si alguna vez necesitan imprimir el contenido completo en HTML de un objeto jQuery y no sólo lo que produce .html() ó text() entonces pueden usar esta extensión que les imprimirá el contenido completo del elemento jQuery.

Etiquetas

Multiple Elements Cycle Plugin for Drupal

Submitted by admin on Sun, 04/24/2011 - 23:59

Interesante plugin para generar un slideshow de varias imágenes a la vez.
La extensión para jQuery puede descargarse de

http://www.willrossi.com/assets/releases/jQuery-Multiple-Elements-Cycle…

Para usarlo con un campo CCK de imágenes múltiples, seguir los sgtes pasos:

1. Modificar la salida del campo

1.1 En el template.php tenemos que indicar que archivo tpl almacenará la forma como imprimirá el campo

Etiquetas

Remover grid de theme ninesixty

Submitted by admin on Mon, 11/01/2010 - 13:30

En algunos momentos del desarrollo debemos desactivar la malla de grid que aparece en el tema 960 para poder trabajar. Con este snippet de jQuery podemos lograrlo

$(document).ready(function(){
        $('body').removeClass('show-grid');    
        });

Si queremos hacerlo temporalmente podemos usar este script que encontré en

Etiquetas

theming & use of ajax with jQuery

Submitted by admin on Wed, 05/19/2010 - 12:17

Mis primeros pasitos con jQuery ;)

<code>
(function($){
$(document).ready(function(){
$('#main').find('.tabs ul').css({'borderBottom':'solid 1px','borderColor':'black'});
$('#main').find('.tabs ul li a').css({'borderColor':'black'});
$('#main').find('.tabs ul li a.active').css({'borderBottom':'solid 1px #fff'});
});
})(jQuery)
</code>

Etiquetas