Deux modes de vue Blog

Après tant de remarques sur ma “vue en colonne de mon blog”, j’ai décidé de laisser les internautes décider de voir la page en colonne ou non. Regardez donc le menu en haut à droite, un nouveau bouton vous permet de passer d’un mode à l’autre.

La méthode est simple, un javascript Mootools fait passer les tickets d’un div à l’autre selon l’état enregistré. Voici la partie la plus intéressante:

` var Site = { //… var b = new Element(‘li’) var a = new Element(‘a’).setText(‘Vue en colonne’).setProperty(‘href’,“#”) a.addEvent(‘click’, function (){ if (!Site.columns){ Site.orders = [] $$(‘.blog-ticket’).each(function (el,i){ Site.orders.push(el); if(i%2!=0) el.injectInside(‘content-right’) else el.injectInside(‘content-left’) }) Site.orders.push($$(‘.blog_pager’)[0]) this.setText(‘Vue traditionnelle’)

        } else {

            Site.orders.each(function (el,i){
                el.injectInside('blog_mainview');
            });
            this.setText('Vue en colonne')
        }
        Site.columns = !Site.columns
    });
    a.injectInside(b)
    b.injectInside('nav')

//… } `

En d’autres termes, un utilisateur n’ayant pas Javascript restera sur la vue traditionnelle, sinon je propose un nouveau bouton qui balade les tickets dans la page.

Bref, à vous de juger, mais je vais déjà rester dans ces couleurs… Reste l’intégration des AddSenses à repenser.

comments powered by Disqus