Bootstrap 4 : Sommaire avec transition en JavaScript [Résolu]

Messages postés
56
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
13 juillet 2019
- - Dernière réponse : Krustiz
Messages postés
56
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
13 juillet 2019
- 9 févr. 2019 à 23:23
Bonjour,

Je me base sur cette documentation : https://getbootstrap.com/docs/4.2/components/navs/#javascript-behavior

J'ai ce code (un sommaire) :

<ul class="ulsommaire">
     <li>Les activités</li>
     <li>La formation</li>
     <li>Les perspectives d'avenir</li>
</ul>


Et j'aimerais que quand on clique par exemple sur "les activités", on soit redirigé dans une div tab-pane fade prédéfinis par rapport aux attributs et aux id.

J'ai donc essayé d'adapter le code mais cela ne fonctionne pas vraiment, je vais continuer à chercher de mon côté et je publierais mon code si quelqu'un veut m'aider (je suis entrain de le refaire de façon plus propre)

Merci d'avance !!

Configuration: Windows / Chrome 72.0.3626.96
Afficher la suite 

3 réponses

Messages postés
2315
Date d'inscription
dimanche 11 mai 2008
Statut
Membre
Dernière intervention
11 février 2019
233
0
Merci
Bonjour,

Je ne suis pas sur d'avoir compris, mais regarder du côté des "ancre" => https://www.alsacreations.com/astuce/lire/5-lien-precis-page-ancre-anchor-diese.html
Commenter la réponse de dj-postka
Messages postés
26561
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 octobre 2019
1842
0
Merci
Bonjour,

Tu dis
par rapport aux attributs et aux id.

Hors .. dans ton menu.. il n'y a ni l'un.. ni l'autre.

Je suppose aussi que par "redirigé" .. soit tu souhaites "descendre" à l'ancre correspondante (voir la réponse de dj-postka ... soit (comme dans l'exemple que tu nous donnes...) afficher/masquer les div en questions....
comme tu peux le voir, le "choix" des tab à afficher est réalisé via un href
data-toggle="tab" href="#contact" role="tab"

Mais sans connaitre la structure de ta page... impossible de réellement t'aider.


Cordialement, 
Jordane                                                                 
Commenter la réponse de jordane45
Messages postés
56
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
13 juillet 2019
2
0
Merci
C'est bon c'est réglé, je me suis servi d'un menu nav vertical...
Commenter la réponse de Krustiz