SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribs sur SPIP-Zone, 76 visiteurs en ce moment

Accueil > Rédaction > Affichage dans texte > Timeline Me > Timeline Me

Timeline Me

18 janvier 2018 – par chankalan – 10 commentaires

12 votes

TimelineMe - ​http://mickaelr.github.io/jquery-timelineMe/ - est un plugin jquery qui permet d’afficher des informations sur une ligne de temps.

Le présent plugin pour SPIP l’utilise et propose un modèle pour afficher les articles d’une rubrique de cette manière :

<rubriqueX|timelineme>

X est bien le numéro de la rubrique dont on veut lister les articles.

Le tri des articles est du plus récent en haut au plus ancien en bas. Si on choisi d’utiliser les numéros de titre, ils seront triés du plus grand chiffre en haut vers le plus petit en bas.

Les encarts affichent en alternance le titre d’un côté de la ligne, et de l’autre côté le chapeau des articles, avec un bouton « voir plus » pour lire le texte, « voir moins » pour le masquer.

On peut utiliser ce modèle avec quelques paramètres d’appel :

|sens=inverse (changer le sens de tri des articles.)

|background=#8DD8DD (détermine la couleur d’arrière-plan)

et si on utilise :
|orientation=horizontal

alors on peut ajouter au choix :
|scrollArrows=true (false par défaut)
|scrollBar=false (true par défaut)
|scrollZones=true (false par défaut)

Exemple :

<rubrique2|timelineme|sens=inverse|orientation=horizontal|scrollArrows=true|scrollBar=false>

Nota bene : Pour l’instant, aucune mise en forme n’est possible dans les textes (chapeau ou texte), et donc aucun lien ni aucune image non plus.

À faire : L’idéal serait justement de trouver une solution pour afficher la mise en forme des textes, les liens et les images incluses.

Dernière modification de cette page le 18 janvier 2018

Retour en haut de la page

Vos commentaires

  • Le 3 février à 12:57, par jeanmarie En réponse à : Timeline Me

    Salut,

    merci pour ce plugin.
    Est-ce qu’il y a dans l’idée de le rendre générique pour afficher tout type d’objet SPIP ? Je pense évidemment aux événements du plugin Agenda :)

    jeanmarie

    • Le 4 février à 21:34, par chankalan En réponse à : Timeline Me

      salut,
      bin... moi j’l’ai pas eu cette idée, j’ai fais avec des articles comme des actualités, sans réfléchir plus que ça... mais là c’est pas la mer à boire de faire un modèle pour les évènements, vas-y gogoggo ;o)

    • Le 5 février à 10:18, par jeanmarie En réponse à : Timeline Me

      L’idée serait plus de faire un outil générique, fonctionnant pour tout type d’objet, pour éviter de devoir faire des modèles pour chaque objet.
      Un peu à l’image de ce que fait Charles pour Métas+ : https://www.mail-archive.com/spip-zone@rezo.net/msg45061.html
      Bon, c’est peut être un autre chantier hein :)

    • Le 5 février à 10:37, par chankalan En réponse à : Timeline Me

      Pour moi c’est pas la peine de faire ça, ce plugin n’est qu’un petit modèle léger pour un usage plutôt rare et occasionnel... ça me semble simple avec des modèles.
      Ce serait même plutôt un exemple pour faire d’autres petits modèles maîtrisés par le rédacteur, où on est pas limité par la technique puisqu’elle est simple.

    • Le 5 février à 10:39, par Maïeul En réponse à : Timeline Me

      D’autant plus qu’on se heurterai vite à une limite des boucles de SPIP : il n’est pas possible de passer la table comme parametre dynamiques.

      On ne peut pas faire

      <BOUCLE_generique(#ENV{objet})>
      </BOUCLE_generique>

      Il y aurait bien moyen de contourner, mais cela serait complexe pour pas grand chose.

    • Le 6 février à 16:45, par jeanmarie En réponse à : Timeline Me

      Pas faux... on voit bien le chantier pour Métas+ :)

    • Le 20 avril à 17:52, par Loiseau2nuit En réponse à : Timeline Me

      Je rebondis un peu tardivement sur cette discussion, mais j’avoue que je rejoins @jeanmarie sur ce besoin.

      Pour une appli de travail interne propulsée par SPIP, j’ai créé pleins de nouveaux types d’objets éditoriaux en liaisons les uns les autres, et que je dois pouvoir timer dans le temps (outil de plannification) autant que n’importe quel autre article. Là, je verrais bien ce genre d’affichage pour mes grappes par exemple. :)

    Répondre à ce message

  • Le 2 février à 18:50, par spipfactory En réponse à : Timeline Me

    cool merci jc

    /* largeur des boites timeline */
    .annonce-titre {
            background: rgba(255,255,255,0.5);
            padding: 5px 20px;
            margin-left: 0;
    }
    .timeline-me-track{
            width: auto
    }
    .timeline-me-smallitem .timeline-me-item-wrapper {
            width: 170px;
    }
    .timeline-me-shortcontent {
            width: 150px !important;
    }

    Répondre à ce message

  • Le 1er février à 21:15, par spipfactory En réponse à : Timeline Me

    bien ,

    bien ce petit timelime me pour faire un fil conducteur.

    me reste a régler la taille des boites ;) , et sans doute d’autre truc ....

    • Le 2 février à 11:30, par spipfactory En réponse à : Timeline Me

      boen elle est ou cette régle css qui permet de définir la taille de la boite chapeaux

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Menu animé déroulant

    16 août 2015 – 59 commentaires

    Barre de menu dynamique multi niveaux - adaptation aisée (?) des couleurs et dimensions - convient aussi aux petits écrans (mobiles).

  • Réservations multiples

    4 juillet – commentaires

    Permettre aux utilisateurs d’effectuer de réservations multiples (réserver pour plusieurs personnes à la fois ou réserver un événement plusieurs fois) Dépendances Saisies Réservation d’événements Introduction Il y a deux manières de multiplier les (...)

  • PHANTOM (HTML5UP)

    18 juillet – 32 commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • SPIPer Ipsum, l’évangile au quotidien

    28 décembre 2009 – 89 commentaires

    Ce plugin permet d’afficher les différentes lectures de l’évangile du jour et le saint du jour selon le calendrier fixé par l’Eglise catholique. Ce service est proposé par le site de L’Evangile au Quotidien dans plusieurs langues. Description Le (...)

  • ciparam : plugin « Configurateur de squelettes »

    29 novembre 2010 – 15 commentaires

    Ce plugin offre un mécanisme de sélection de forme de rubrique ou d’article, un mécanisme de variantes de chartes graphiques, la possibilité de choisir l’ordre de tri des articles dans les rubriques, un mécanisme de paramétrage de la page d’accueil, (...)