S'identifier - S'inscrire - Ecrire un article - Contact

Enroulage et déroulage des blocs

Toglage

Par stephane • Actualités • Dimanche 18/01/2009 • 31 commentaires  • Lu 3842 fois • Version imprimable

Mots-clés : , , ,


C'était en test depuis deux semaines sur Vie de ViaBloga et les modèles Mimbo, Goofy et rdc_large (et proposé par labosonic il y a très longtemps), c'est maintenant disponible sur tous les modèles publics : en un clic sur le titre d'un bloc, vous pouvez enrouler ou dérouler son contenu. Celà vous permet de minimiser les blocs qui ne vous intéressent pas souvent, tout en gardant la possibilité de les afficher si nécessaire (le bloc Session ou Recherche par exemple).

Le choix des blocs ouverts et fermés est personnel et il est stocké dans un cookie sur votre navigateur. Il n'y a donc pas besoin d'avoir ouvert une session. Par contre si vous accèder à votre blog avec plusieurs ordinateurs, les choix pourront être différents sur chaque.



Si vous avez un modèle personnel, il faut ajouter dans le header de votre modèle :

<style type="text/css" media="all">
.toggle h3 {
cursor:pointer;cursor:hand;
}
</style>

<script>
  $(document).ready(function(){

    $(".toggle h3").each(function(i) {
        var id = $(this).parent().attr('id');
        var toggle = $.cookie('toggle_' + id);
        if (toggle == 'hidden') {
            $(this).next().hide();
        }
    });

    $(".toggle h3").click(function () {
        var id = $(this).parent().attr('id');
        if ($(this).next().is(":visible")) {
            $.cookie('toggle_' + id, 'hidden', {path: "/", expires: 365});
        }
        else {
            $.cookie('toggle_' + id, 'shown', {path: "/", expires: 365});
        }
       $(this).next().slideToggle();
    });
  });
</script>

Et dans votre macro sb_start il faut ajouter la classe "toggle" et un id pour le bloc, par exemple :

<div class="side block_<arg name="type"> toggle" id="<arg name="id">">

Et vérifier que le titre des blocs est en h3 (ou remplacer les h3 plus haut en h2).

Il faut également que le reste du bloc soit encapsulé dans un <div>.

D'autres articles sur des thèmes similaires :


Commentaires

simple comme une choucroute par leblase le Lundi 19/01/2009 à 12:03

leblase Ouhh..
ça n'a pas l'air simple pour les modèles perso, s'il faut à chaque fois changer le code d'un bloc (de toutes manières, s'pas, je suis incapable de toucher à mon/mes codes).


élégant comme un hérisson par Stephane le Lundi 19/01/2009 à 12:35

Stephane Il faut juste changer le modèle, ce n'est pas très épineux.


Re: élégant comme un hérisson par leblase le Mardi 20/01/2009 à 00:38

leblase J'ai l'impression que ma question te hérisse...
Mais qu'en sera t'il lorsque j'avouerais que, précisément, je ne connais pas la procédure pour changer le modèle.
Je vais demander à la Shabanette: d'un flottement de ses (sept) voiles, elle me fera peut-être le truc qui roule et qui déroule, comme disait Edith Piaf (en plus j'y ajouterais bien la nouvelle nouveauté de la semaine dernière).


Re: élégant comme un hérisson par Mitra le Mardi 20/01/2009 à 22:53

Mitra J'ai bien compris pour ce qui est du roule et déroule.
Tu souhaites aussi mettre les minois de tes commentateurstrices dans le bloc commentaire ? Tu es donc d'accord qu'on affiche moins de commentaire puisque ça va prendre plus de place.


Re: élégant comme un hérisson par leblase le Mercredi 21/01/2009 à 13:49

leblase Oh non, surtout pas les minois!


Re: élégant comme un hérisson par isabelle le Mercredi 21/01/2009 à 18:44

isabelle  Bon alors, il faut que tu nous expliques ce que c'est que la nouvelle nouveauté de la semaine dernière  que tu veux !


passer la main par leblase le Mercredi 21/01/2009 à 22:54

leblase c'est celle-là
genre quand on passe le curseur sur la page et que ça fait plein de highlighting-linked effects


il me semble par tgtg le Lundi 19/01/2009 à 13:10

tgtg que ce n'est pas disponible sur le modèle de mise en page Palatin :-)
[dommage que le nom du modèle de la mise en page n'est pas affiché au bas de la page principale]


Re: il me semble par Stephane le Lundi 19/01/2009 à 15:01

Stephane il me semblait que personne n'utilisait ce modèle. ;-)
je vais corriger.


Re: il me semble par tgtg le Lundi 19/01/2009 à 19:30

tgtg Il y en a même plusieurs qui l'utilisent :-)))


Re: il me semble par isabelle le Lundi 19/01/2009 à 20:14

isabelle Je ne sais pas comment on pourrait faire pour recenser les blogs par modèles utilisés. Ça pourrait être très intéressant de voir ce que font les autres avec le même modèle que celui qu'on utilise soi-même. Actuellement on les découvre un peu au hasard.
Envoyer un mail à tous les administrateurs ?


par isabelle le Lundi 19/01/2009 à 20:11

isabelle Est-ce que tu crois que tu vas pouvoir mettre un système + et - pour qu'on devine qu'on puisse les rouler (pour les lecteurs qui ne connaissent pas VB par exemple)


Re: par chercheinfo le Vendredi 23/01/2009 à 14:17

chercheinfo Assez d'accord avec les + et les -...
La prochaine étape serait peut-être de prévoir une position par défaut... enroulé ou déroulé?

:-)

Denis


iTheme par tgtg le Mardi 20/01/2009 à 11:19

tgtg Modèle de mise en page iTheme :
Colonne principale :
les blocs au-dessus des articles ne s'enroulent pas me semble-t-il.


option par BaB le Mardi 03/02/2009 à 17:55

BaB  J'espère ne pas être rabat-joie mais il serait très important d'avoir cette fonctionnalité en option ou encore avoir la possibilité de blocs qui ne peuvent pas s'enrouler !
Et pour cause, j'ai des annonceurs qui ont leur logo sur un bloc... qui diraient ils s'ils se rendaient compte que le visiteur pour faire disparaître leur image  


Re: option par Stephane le Mardi 03/02/2009 à 19:06

Stephane Ah tiens, je n'avais pas pensé à ça. ;-)


Re: option par leblase le Jeudi 05/02/2009 à 22:12

leblase Autre truc auquel tu n'avais peut-être pas pensé, mais qu'Isabelle a détecté sur le shplouc: on peut plier/déplier des blocs à l'intérieur de blocs pliables/dépliables eux aussi.
Demande à la Shahbanet, mais il me semble que cette extension d'usage de la fonctionnalité pourrait ouvrir sur... ben je sais pas, moi: sauver la planète, ou créer des blogs dans un blog?


Re: option par Mitra le Jeudi 05/02/2009 à 22:30

Mitra

Il faut arrêter le narguilé leblase !


Re: option par leblase le Jeudi 05/02/2009 à 22:33

leblase Ah c'est ça ces fumeuses fameuses réunions Viabloga?


Re: option par Mitra le Jeudi 05/02/2009 à 22:38

Mitra Je ne sais pas puisque je n'y vais pas (plus).
D'ailleurs, depuis que j'ai perdu l'espoir de te rencontrer, je n'y vais plus (pas).


Re: option par Stephane le Jeudi 05/02/2009 à 23:23

Stephane Un grand mystère pour moi : pourquoi leblase ne vient-il pas aux rencontres ViaBloga ?


Fastoche par Mitra le Jeudi 05/02/2009 à 23:25

Mitra Parce qu'il a peur des grandes dames qui s'y trouve.


Re: option par leblase le Vendredi 06/02/2009 à 00:53

leblase Je n'ai vraiment rien à apporter, nul en technique et je ne sais jamais si on dit hlmt ou lhmt ou hmlt ou htlm.
Et en plus maintenant que je sais que Mitra n'y vient pas


Re: option par leblase le Jeudi 05/02/2009 à 23:35

leblase Sisi j'y vais à chaque fois


D'ailleurs j'ai toujours le Pass VIP viabloga


Re: option par Mitra le Jeudi 05/02/2009 à 23:40

Mitra Mais t'es où(fff) à chaque fois ?

Stéphane, te souviens-tu de la fois où il est venu te voir juste avant qu'on arrive.
Ce type est bizzZzzarre je t'le dis.
D'ailleurs, puisque tu l'as vu, tu pourrais peut être le dessiner sur une page blanche.


Re: option par isabelle le Vendredi 06/02/2009 à 08:41

isabelle La plagepage serait trop petite


Re: option par sansrouge le Mercredi 04/11/2009 à 18:12

sansrouge Hello :-)
Je reviens à la "charge" pour avoir la possibilité de choisir si le bouton "déroulage" d'un bloc apparaît...
Ne pourrait on donner "facilement" cette possibilité pour les blocs html ou les "textes" si l'on doit faire un choix ?


Re: option par sansrouge le Mercredi 04/11/2009 à 18:26

sansrouge Merci !
En attendant, fonction retirée...


par OlivierMG le Mardi 12/05/2009 à 09:33

OlivierMG  je viens de cliquer par mégarde sur un des titres de la colonne de droite (je voulais en fait afficher tous les tutoriels en cliquant sur le titre "tutoriels" de la colonne), et bien sûr le bloc s'est enroulé, je ne me souvenais plus de cette fonction ! il faudrait vraiment une icône à gauche du titre pour rappeler cette possibilité je pense..



Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Ailleurs sur ViaBloga

Derniers weblogs mis à jour :

08:51 - Everitouthèque
06:54 - CADEV
17:14 - Le Glob
16:34 - La ballade d'un tête en l'air
16:15 - L'écho de CORNECUL
16:14 - OREEAT
13:27 - Asnières-sur-mon-blog
13:05 -
09:27 - Philosophie et politique
08:50 - Voleur d'âme

Toutes les mises à jour

Archives par mois