[Autobombo DEC] Plugin StyleSwichter para jQuery

[dec]

Hola,

Sé que por aquí tiene que haber admiradores de jQuery, no puede ser de otro modo, porque esta librería (¿o era biblioteca?) de JavaScript es admirable. Vamos, que viva la madre que parió al autor, podría decirse. Pues bien, que he escrito un sencillo plugin para jQuery de que quería informar por aquí, por si puede resultar de utilidad a alguien. ¡Y ya de paso podemos charlar un poco si queréis!

El plugin lo he llamado en un alarde de originalidad sin precedentes "StyleSwichter", y, puede usarse para cambiar una (o más) hojas de estilo de una página web. Su funcionamiento es muy sencillo: usando la función "DOM ready!" de jQuery, se pone en marcha el plugin, y después puede usarse otra de las funciones de este para establecer una determinada hoja de estilo.

Como veo que me lío y que más vale un ejemplo que ciento volando, aquí van ya una serie de enlaces sobre el plugin, para que podáis descargarlo, probarlo, y lo que queráis:

- Ejemplo "en línea" del plugin

- Descarga directa del plugin + jQuery

- Página de mi bitácora dedicada al plugin

- Página del plugin Pass Meter en jQuery.com

PD. Algunos llaman SPAM al autobombo. Pero yo no soy de esos. ¿O sí?

PD2. No; no has tenido un "deja vu", anuncié aquí también el plugin Pass Meter para jQuery.

[dec]

Hola,

Me levanto y me pongo con el plugin, de modo que me doy cuenta de algo que he soñado esta noche: no hacía falta, en realidad, una de las funciones, de hecho el plugin puede hacer su trabajo con una sola función. Y así es como queda el plugin ahora mismo, copio aquí el código fuente, por si alguien está interesado... que lo dudo.

Código PHP:

(function($){

  $.fn.StyleSwichter = function(options){
    var opts = $.extend({}, $.fn.StyleSwichter.defaults, options);
    var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
    $('link').each(function(i){
      if(this.rel == 'stylesheet' && this.title == o.linkTitle){
        if(o.cssPath != ''){
          this.href = o.cssPath;
          $.cookie(o.cookieName,this.href,{
            path: o.cookiePath,
            expires: o.cookieDays,
            domain: o.cookieDomain,
            secure: o.cookieSecure
          });
        }else if($.cookie(o.cookieName)){
          this.href = $.cookie(o.cookieName);
        }
        return true;
      }
    });
    return false;
  };
  
  $.fn.StyleSwichter.defaults={
    cssPath: '',
    cookiePath: '',
    cookieDays: 30,
    cookieDomain: '',
    cookieSecure: false,
    linkTitle: 'styleswichter',
    cookieName: 'selected-style'
  };
  
})(jQuery); 


Esto reduce también el tamaño del plugin, que, comprimido, queda en unos 600 bytes.

[[ArdiIIa]]

Ya lo comentaron en un par de hilos en el foro, pero lo vuelvo a comentar yo....

Llegaste a ver las MooTools. ?

[dec]

Hola,

Hum... MooTools... Quien hable de MooTools es que no conoce jQuery.

PD. En serio. Echaré un vistazo a las MooTools, pero, jQuery es mucha jQuery...

[[ArdiIIa]]

Empezado por dec

Hola,
PD. En serio. Echaré un vistazo a las MooTools, pero, jQuery es mucha jQuery...

Aunque solamente sea a las demos....

[dec]

Hola,

No; si, sí, si ya lo sé...