Web storage di HTML5

[kuarl]

e` una cosa che risolvi facilmente con i cookie, senza scomodare database:
http://www.w3schools.com/js/js_cookies.asp

[sifting]

e` una cosa che risolvi facilmente con i cookie, senza scomodare database:
http://www.w3schools.com/js/js_cookies.asp

ehm... si giusto... però dovrei scomodare javascript che appunto non conosco... Ho guardato la pagina del tuo link con tanto di esempio da scrivere il proprio nome e vedo che farebbe proprio al caso mio...

Quindi in teoria mi servirebbe uno script che, al posto di memorizzare il nome, memorizzi il percorso del css da pescare per creare il layout... giusto?

[kuarl]

ehm... si giusto... però dovrei scomodare javascript che appunto non conosco... Ho guardato la pagina del tuo link con tanto di esempio da scrivere il proprio nome e vedo che farebbe proprio al caso mio...

Quindi in teoria mi servirebbe uno script che, al posto di memorizzare il nome, memorizzi il percorso del css da pescare per creare il layout... giusto?

esatto. In ogni caso ti serve javascript anche per i web storage, che sono molto più complessi.

[sifting]

esatto. In ogni caso ti serve javascript anche per i web storage, che sono molto più complessi.

Ok... tramite jquery avrei ottenuto il risultato voluto...

All'interno della pagina setting nell'head ho richiamato gli script necessari ( cookies.js e scripts.js),
con i segueni codici:
cookies.js:

jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
        }
        // CAUTION: Needed to parenthesize options.path and options.domain
        // in the following expressions, otherwise they evaluate to undefined
        // in the packed version for some reason...
        var path = options.path ? '; path=' + (options.path) : '';
        var domain = options.domain ? '; domain=' + (options.domain) : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};

e scripts.js:

function swapcss() {
    $("#nav li a").click(function() { 
        $("link").attr("href",$(this).attr('rel'));
        $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
        return false;
    });
    }

prima della chiusura del body ho inserito lo script:

<script type="text/javascript">

if($.cookie("css")) {
    $("link").attr("href",$.cookie("css"));
}
$(document).ready(function(){
    swapcss();
    });
</script>

sempre nella pagina ho un "menù" con i due link per i due CSS ovvero:

    <div id="changestyle">        <ul id="nav">
            <li><a href="#" rel="style/stile1.css">STILE1</a></li>
            <li><a href="#" rel="style/stile2.css">STILE2</a></li>
        </ul>

e tutto funziona...
Unico problema:
Ora, come faccio a far si che cliccando sul link non mi cambi solo il css della pagina stessa ma di tutte le 3 pagine del mio minisito? E' qui che mi blocco... sapreste darmi una mano?
Se dite chiudo qui l'argomento e lo riapro in javascript... Grazie!!

[kuarl]

questo alla fine del body non funziona?

<scripttype="text/javascript">

$(document).ready(function(){
    if($.cookie("css")){
        $("link").attr("href",$.cookie("css"));
}});
</script>

mettilo in ogni pagina e dovrebbe andare...

[sifting]

questo alla fine del body non funziona?

<scripttype="text/javascript">

$(document).ready(function(){
    if($.cookie("css")){
        $("link").attr("href",$.cookie("css"));
}});
</script>

mettilo in ogni pagina e dovrebbe andare...

Che nervoso... sta mattina ero riuscito a farlo funzionare, dovevo solo mettere il pezzo di codice in ogni pagina come suggerito... Tutta oggi cherco di rifare le stesse cose di sta mattina ma niente... non funzia...!! Ora riprovo, non mi arrendo! Anche se non capisco dove sbaglio!