SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Rédaction > Affichage dans texte > Cacher/Montrer du texte en 1 seul clic

Cacher/Montrer du texte en 1 seul clic

14 juillet 2005 – par indie – 12 commentaires

8 votes

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

A l’instar de nombreux scripts de forum, qui possède un BBcode nommé spoiler, voici la même technique, appliquée à SPIP. Ce nouveau filtre permet une solution élégante pour afficher/cacher des éléments aux visiteurs via un raccourci utilisé, par exemple, lors de la rédaction d’un article.

Définition

SPOILER [1] : Message indiquant la fin d’une histoire ou révélant des rebondissements qu’on préférerait ne pas connaître pour préserver l’effet de surprise lors de la découverte d’un film, d’un roman... Il est de bon ton de prévenir les gens qu’on va faire ces révélations, de façon que ceux qui préfèrent « ne pas savoir » n’aient pas leur plaisir gâché.

Ce filtre spoiler, appliqué à SPIP, permet donc, de cacher du texte par défaut, lors de l’affichage d’un article par exemple, et au clic de la souris, ce texte est révélé.

Le résultat en image :

Avant le « clic »
Après le « clic »

Filtre pour mes_fonctions.php3

Compatibilité navigateurs

O.S. Navigateur Version Compatible
Windows Internet Explorer 6 Oui
Windows Firefox 0.9 Oui
Linux Mozilla 1.7.2 Oui
Linux Konqueror 3.2.3 Oui

Utilisation

D’une part, ajouter dans vos squelettes, article.html par exemple, le filtre suivant |spoiler à #TEXTE : [(#TEXTE|spoiler)].

D’autres part, lors de la rédaction de vos articles, vous devez utiliser la syntaxe suivante :

Quel est l'âge du capitaine ?
<spoiler>Réponse : 53 ans</spoiler>

Je me doute bien que certains trouveront d’autres utilisations à cette contrib’ (i.e. ailleurs que dans les articles). On doit également pouvoir cacher/montrer autre chose que du texte (des images par exemple).

Améliorations possibles

Permettre de spécifier le titre de ce spoiler. Ici, j’ai mis en dur "Cliquez pour montrer/cacher", mais on pourrait prévoir que la balise spoiler se comporte sous la forme :
<spoiler={titre}>{contenu}</spoiler>

N’hésitez pas à proposer l’expression régulière appropriée.

Notes

[1définition trouvée sur linux-france

Dernière modification de cette page le 5 août 2009

Retour en haut de la page

Vos commentaires

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

  • Massicot

    7 octobre 2015 – 81 commentaires

    Recadrez et redimensionnez vos images directement dans l’espace privé de SPIP ! Inspiré par le plugin photospip, ce plugin plus minimaliste permet de recadrer et redimensionner les images dans l’espace privé de SPIP. Une fois le plugin installé et (...)

  • Éditorial (HTML5UP)

    27 novembre 2017 – 108 commentaires

    Squelette SPIP pour intégrer le modèle Editorial de HTML5UP https://html5up.net/editorial Configuration La page de configuration permet quelques réglages. On y défini la couleur principale du site, des informations de contact et le contenu de la (...)

  • Docker importe vos documents distants

    25 février 2013 – commentaires

    Un plugin qui permet de recopier localement dans le dossier IMG l’ensemble de vos documents distants. SPIP a un mode de documents qui permet d’indexer dans la base des documents en les laissant sur internet. On peut recopier individuellement (...)

  • Créer une Application Twitter pour utiliser dans SPIP

    14 juin 2013 – 19 commentaires

    Depuis le 9 juin 2013, il n’est plus possible d’accéder à l’API Twitter sans authentification. Cela passe par la création d’une Application Twitter qui disposera de ses clés secrètes pour accèder à l’API Twitter. Voici les étapes détaillées de la (...)

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2508 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)