Deux modes de vue Blog

05/11/2009

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.

Ça peut vous intéresser aussi


JQuery toujours pas pour moi

Suite à un vieux post qui s’est terminé par ...


Jquery vs Mootools

Je suis en proie à Jquery depuis quelques semaines que ...


Sortie de Knotter

Et bien on y est. Je me suis lancé un ...


QRcode sur votre blog

Depuis que je suis sur Google Phone (Android) je découvre ...

Merci de m'aider à financer mes services

Si vous avez apprécié cet article, je vous serai reconnaissant de m'aider à me payer une petite bière :)

Si vous voulez en savoir plus sur l'utilisation de flattr sur mon blog, lisez cette page: Ayez pitié de moi

Commentaires

Ajouter un commentaire

Ajouter un commentaire

(*) Votre e-mail ne sera ni revendu, ni rendu public, ni utilisé pour vous proposer des mails commerciaux. Il n'est utilisé que pour vous contacter en cas de souci avec le contenu du commentaire, ou pour vous prévenir d'un nouveau commentaire si vous avez coché la case prévue à cet effet.