SPIP-Contrib

SPIP-Contrib

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

290 Plugins, 198 contribs sur SPIP-Zone, 79 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 ?
  • [Se connecter]

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

  • Passer un site SPIP sous https://

    23 février 2017 – 42 commentaires

    Comment migrer simplement votre site SPIP de http:// vers https:// Le protocole https:// devient de plus en plus courant : C’est mieux pour la vie privée de tous La plupart des grands sites l’a déjà adopté Certains navigateurs commencent à afficher (...)

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – 20 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)

  • Grappes 1.0

    23 novembre 2012 – 36 commentaires

    Présentation et nouveautés Cette version 1.0 du plugin Grappes est un portage pour SPIP 3.x. Le plugin permet de grouper des objets de SPIP dans des grappes. Les objets du core (articles, rubriques, auteurs, etc.) sont pris en charge, ainsi que (...)

  • PHANTOM (HTML5UP)

    18 juillet – 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 (...)

  • Cycle2

    7 août 2014 – 119 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery (...)