Cacher-montrer des textes dans GuppY
Il y a quelques temps, José m'a demandé comment je procédais pour insérer des textes rétractables dans mes billets (comme ici). En retour, je lui ai envoyé un fragment de code à adapter, sans lui garantir son bon fonctionnement dans la dernière version de GuppY, sur laquelle je n'avais pas éprouvé ma technique. Depuis, j'ai eu l'occasion d'en tester la validité et, maintenant que je m'en suis assurée, j'ai décidé d'en faire profiter les autres GuppYstes, éventuellement intéressés.
Démonstration
L'idée est de fabriquer des textes rétractables, fonctionnant comme les menus dépliants de GuppY, mais insérables n'importe où, dans des articles, des billets, des boîtes libres... Le code exploite le javascript nécessaire au fonctionnement des menus dépliants et nativement inclus dans GuppY et donne ceci, par exemple :
Cliquez pour afficher le texte caché
Cliquez pour replier le texte dévoilé
Texte caché : Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Les exemples d'applications de ce genre de textes rétractables ne manquent pas : on peut les utiliser pour dissimuler la réponse à un questionnaire (donc pour confectionner des quizs), ou pour insérer des filets dans un article, tout en économisant de la place sur la page, ou encore pour abriter l'exemple qui illustre une définition dans un lexique, afin de compacter ce dernier, etc.
On-and-off Maker
Le code du texte rétractable n'étant cependant pas très commode à manipuler, j'ai confectionné, à l'usage des GuppYstes (mais surtout pour mon propre usage, je le confesse) un générateur de textes rétractables permettant de produire automatiquement le code à copier-coller, à partir d'un simple formulaire à renseigner.
Il n'y a qu'une seule mise en garde concernant l'usage de ce générateur : il faut toujours veiller à ce que le nom donné au texte rétractable soit unique. Par ailleurs, n'utilisez ni caractères spéciaux, ni accents, ni espaces, ni chiffres. Avec des lettres, vous avez cependant de quoi faire !
Saute-Mouton - http://realia.free.fr/sautemouton_avril/newsprt.php?lng=fr&pg=1793 - [Version PDF]