Afficher une arborescence sur une page Web

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par brandtance, 12 Mars 2007.

Tags:
  1. brandtance
    brandtance Nouveau WRInaute
    Inscrit:
    12 Mars 2007
    Messages:
    3
    J'aime reçus:
    0
    Bonjour,

    Je fais un mini site de regroupement de données.
    En fait j'ai ça :
    Titre 1
    Titre 1.1
    Titre 1.2

    Titre 2
    Titre 2.1
    Titre 2.2

    Et je souhaiterais que sur ma page principale j'ai ça :

    Titre 1
    Titre 2

    et quand je clique sur Titre 1 ça devient ça :
    Titre 1
    Titre 1.1
    Titre 1.2

    Puis si je clique sur titre 1.1 :
    Titre 1
    Titre 1.1
    Contenu 1.1

    et ainsi de suite...

    Seulement je ne vois pas du tout quelle technologie et comment le faire...

    Merci de votre précieuse aide
     
  2. brandtance
    brandtance Nouveau WRInaute
    Inscrit:
    12 Mars 2007
    Messages:
    3
    J'aime reçus:
    0
  3. ___seb
    ___seb Nouveau WRInaute
    Inscrit:
    4 Décembre 2005
    Messages:
    29
    J'aime reçus:
    0
    javascript

    Salut,

    Pout faire ça il te faut utiliser du javascript.

    L'idée étant que tout les éléments sont présent mais invisibles, ils deviennent visibles au clic. Ceci en modifiant le style CSS des elements.

    Voilà pour l'idée générale,...
     
  4. Amaryllid
    Amaryllid WRInaute discret
    Inscrit:
    9 Avril 2005
    Messages:
    154
    J'aime reçus:
    0
  5. brandtance
    brandtance Nouveau WRInaute
    Inscrit:
    12 Mars 2007
    Messages:
    3
    J'aime reçus:
    0
    Merci beaucoup de votre aide.
    Oui c'est ce genre de choses...Le seul bémol c'est que cela n'est pas top...Je m'explique!

    A la base ma page est un document Word.
    Et en fait je voudrais l'adapter pour le mettre en technologie Web.
    Mon document se présentre comme un sommaire au début et le document se dévoile au fur et à mesure de l'arborescence. Donc il n'y a pas que des titres mais défois plusieurs lignes de texte...

    A propos de Destroydrop,Puis-je adapter le code ? car c'est une bonne base pour le sommaire mais le soucis c'est pour afficher le contenu...Je ne suis vraiment pas doué en prog...

    Désolé de mes questions de débutant...
     
  6. Pulsar-san
    Pulsar-san WRInaute discret
    Inscrit:
    29 Octobre 2003
    Messages:
    163
    J'aime reçus:
    0
    Commence par transformer ton .doc en .html
    Ensuite tu pourras le parser et récupérer le contenu des <hn>...</hn> ce qui te donnera l'arborescence des principaux paragraphes.
    Tu peux aussi éclater la page dans un tableau en fonction de ces même <hn> pour récupérer des paragraphes entiers.
    Ensuite c'est une question de programmation en javascript pour cacher/afficher à volonté.
     
Chargement...
Similar Threads - Afficher arborescence Web Forum Date
Afficher l'arborescence d'un site sous Google Débuter en référencement 22 Juillet 2011
Afficher la dernière version d'un fichier php ? Développement d'un site Web ou d'une appli mobile 8 Novembre 2021
comment afficher l erreur 404 URL Rewriting et .htaccess 28 Juillet 2021
Devra-t-on afficher les émissions de gaz à effet de serre de nos sites? Droit du web (juridique, fiscalité...) 28 Mars 2021
Afficher module avis Google sur un site web via le GTM ? Google : l'entreprise, les sites web, les services 18 Mars 2021
Afficher stats analytics sur mon site Google Analytics 14 Novembre 2020
Ne pas afficher certaines conversions dans Google Ads AdWords 8 Juillet 2020
Afficher les produits suivants en ajax Développement d'un site Web ou d'une appli mobile 12 Mai 2020
Google a-t-il le droit d'afficher directement les informations des sites sans leur accord ? Droit du web (juridique, fiscalité...) 21 Février 2020
API pour afficher les avis Google sur son site Google : l'entreprise, les sites web, les services 10 Novembre 2019
Afficher les tags sur wordpress Développement d'un site Web ou d'une appli mobile 3 Août 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS Développement d'un site Web ou d'une appli mobile 5 Juillet 2019
Google My Business :Comment afficher sa zone de couverture et pas son adresse ? Google : l'entreprise, les sites web, les services 19 Juin 2019
Afficher/cacher données dans un tableau Développement d'un site Web ou d'une appli mobile 9 Mars 2019
Afficher des valeurs d'une colonne à l'autre selon condition Développement d'un site Web ou d'une appli mobile 11 Février 2019
Google Chrome va afficher à nouveau les sous-domaines Google : l'entreprise, les sites web, les services 18 Septembre 2018
Google PageSpeed Insight : Afficher en priorité le contenu visible Développement d'un site Web ou d'une appli mobile 16 Août 2018
Afficher valeur id onclick sur checkbox Développement d'un site Web ou d'une appli mobile 21 Février 2018
Est-il important d'afficher ses pages en AMP pour être favorisé par Index Mobile First ? Référencement Google 19 Décembre 2017
Balise H1 modifiée pour s'afficher sur une seule ligne Référencement Google 3 Septembre 2017