tableau "dépliable"

Bonjour,
je cherche à faire un tableau dépliable, quelque chose qui ait un comportement illustré ici
https://framapic.org/lzh111OMtRIH/JleL07OQr5ys.gif

Je sèche un peu (euh, carrément même !;-))

Une piste à proposer ?

Merci ++++ d'avance

Le 10/06/2019 à 09:37, Manu a écrit :

Bonjour,
je cherche à faire un tableau dépliable, quelque chose qui ait un comportement illustré ici
https://framapic.org/lzh111OMtRIH/JleL07OQr5ys.gif

Je sèche un peu (euh, carrément même !;-))

Une piste à proposer ?

Merci ++++ d'avance

Bonjour,
Je chercherais vers la piste des "menus déroulants en css" .
En pv, je t'envoie un site perso... La css n'est pas (c)tée :slight_smile:
Bonne journée,
Yves

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

Bonjour,

Le 10 juin 2019 à 09:37, Manu <manu@mine-de-rien.fr> a écrit :

Bonjour,
je cherche à faire un tableau dépliable, quelque chose qui ait un comportement illustré ici
https://framapic.org/lzh111OMtRIH/JleL07OQr5ys.gif

Je sèche un peu (euh, carrément même !;-))

Une piste à proposer ?

S’agit-il d’un tableau qui serait généré par un script ou d’un tableau saisi par un auteur dans un champ texte d’un article par ex. ?

Dans un menu déroulant en css, il est facile pour la css et le js de faire la relation entre la première ligne visible et le sous-menu (il y a une relation entre un li parent et un ul enfant) mais dans un tableau c’est moins évident.

Je dirai que s’il est généré il y a moyen d’affecter des classes aux lignes qui sont en relation (et donc de cacher par css/js les lignes comportant la même classe au-delà de la première), par contre si c’est un tableau saisi manuellement (et surtout en plus si l’auteur décide au moment de la création de quelles lignes sont cachées), il faut trouver un moyen d’identifier ces lignes … je sais pas, par ex. une première colonne qui contient un espèce d’identifiant qui sert à donner les relations:

1 blabla
1 bloblo
1 boubou
2 toto
3 ghgh
3 fgsgs

Ensuite par js, pour chaque identifiant récupéré on conserve le premier et on cache les suivants … et on peut probablement de toutes les façons cacher cette colonne à l’affichage …

Merci ++++ d’avance


Pierre

Manu a écrit le 10/06/2019 à 09:37 :

Bonjour,
je cherche à faire un tableau dépliable, quelque chose qui ait un comportement illustré ici
https://framapic.org/lzh111OMtRIH/JleL07OQr5ys.gif

Je sèche un peu (euh, carrément même !;-))

Une piste à proposer ?

https://www.google.com/search?q=css+foldable+table

--
RealET

Bonjour,
Je chercherais vers la piste des "menus déroulants en css" .

La limite de cette méthode, c'est que l'on n'a d'affichage que le temps du survol

css foldable table - Recherche Google

Ah, mais c'est parfait ça ;-))))
10 000 mercis !