Almacenar y recuperar cookies

[MadDunDee]

Hola!

estoy trabajando en un "style switcher" que necesita almacenar una cookie que guarde varias cosas.

Por un lado necesito guardar los cambios relativos al fondo de la web y por otro los colores de las tipos.

Tengo una hoa de estilos principal con todo, luego otras donde solo tengo los fondos y otras donde solo tengo los colores. Pues bien, consigo guardar correctamente una, la correspondiente a los fondos. Pero la otra no puedo, no sé como guardar dos parámetros. Os dejo el código q seguro os aclara más cosas:

Código PHP:

  var cookie_name = "selected_theme"; 
var cookie_options = { path: '/', expires: 7 }; 
 
var get_cookie = $.cookie(cookie_name); 
    if(get_cookie != null) { 
        $("#active-theme").attr({ href: "themes/" + get_cookie + "/theme.css"}); 
                $("#active-theme-color").attr({ href: "themes/" + get_cookie + "/theme.css"}); 
        } 
 
$("#themes-frame a").click(function() { 
    var themename = $(this).attr("rel"); 
    $("#active-theme").attr({ href: "themes/" + themename + "/theme.css"}); 
    hideDrawer(); 
    $.cookie(cookie_name, themename, cookie_options); 
    return false; 
    }); 
     
    $("#theme-colors li a").click(function() { 
    var themenamecolor = $(this).attr("rel"); 
    $("#active-theme-color").attr({ href: "themes/" + themenamecolor + "/color.css"}); 
    hideDrawer(); 
    $.cookie(cookie_name, themenamecolor, cookie_options); 
    return false; 
    });  
   

Lo que básicamente hago es coger el atributo rel de cada objeto (theme(n) o color(n)) y pasarlo al atributo href del link a la css del tema. Estos son id=active-theme para los fondos y id="active-theme-color" para los colores.

Con esto consigo almacenar correctamente fondos pero no los colores de las tipos.

Espero que me podáis echar una mano!! Muchas gracias!!!

[MadDunDee]

Por cierto, ya probé hacer algo así:

Código PHP:

  var cookie_name = [selected_theme, selected_color]; 
 
var get_cookie = $.cookie(cookie_name); 
    if(get_cookie != null) { 
        $("#active-theme").attr({ href: "themes/" + get_cookie("0") + "/theme.css"}); 
        $("#active-theme-color").attr({ href: "themes/" + get_cookie("1") + "/theme.css"}); 
        } 
 
 $("#theme-colors li a").click(function() { 
    var themenamecolor = $(this).attr("rel"); 
    $("#active-theme-color").attr({ href: "themes/" + themenamecolor + "/color.css"}); 
    hideDrawer(); 
    $.cookie(cookie_name, themenamecolor, cookie_options); 
    return false; 
    }); 
     
    /* theme switcher */ 
    $("#themes-frame a").click(function() { 
    var themename = $(this).attr("rel"); 
    $("#active-theme").attr({ href: "themes/" + themename + "/theme.css"}); 
    hideDrawer(); 
    $.cookie(cookie_name, themename, cookie_options); 
    return false; 
    });