Lien a afficher sur la même page avec bootstrap

Messages postés
93
Date d'inscription
jeudi 28 juin 2007
Statut
Membre
Dernière intervention
4 octobre 2019
- - Dernière réponse : Michel2107
Messages postés
93
Date d'inscription
jeudi 28 juin 2007
Statut
Membre
Dernière intervention
4 octobre 2019
- 4 oct. 2019 à 16:30
Bonjour,
Je suis en formation de développeur web (depuis 2 semaines). Je commence a découvrir Bootstrap.
J'ai un exercice a faire, j ai une idée bien précise de ce que je veux mais j'ai un problème
Voila j'ai créé un entête avec Jumbotron. Dans cet entête, j'ai mis une navbar (donc composée de divers liens avec les classiques a href).

Au clic sur ce lien j'aimerai que le texte correspondant s'affiche au dessous (toujours en gardant cet entête). Mon ennui c'est qu'au clic, le texte se charge dans une nouvelle fenêtre.
J'ai essayé plusieurs choses infructueuses (créer une page html et l'appeler avec une target _self, mettre dans mon a href un #suivi d'un identifiant et appeler cet identifiant plus bas dans un p id). Rien ne marche.

Si quelqu'un pouvait m'aider ce serait cool.
D'avance merci

Configuration: Windows / Chrome 77.0.3865.90


--
Afficher la suite 

1 réponse

0
Merci
Salut,
Le comportement de base d'une balise 'a' c'est de charger une nouvelle page, avec target='self' ça indique dans la même page(donc aussi le comportement par défaut d'un lien).
il faut plutôt du JavaScript pour cela: changer quelque chose dans la page avec le DOM.
CSS sert à donner des propriétés aux éléments existants mais ne peut pas modifier le contenu.
Un exemple ici:
https://www.w3schools.com/jsref/prop_html_innerhtml.asp
Michel2107
Messages postés
93
Date d'inscription
jeudi 28 juin 2007
Statut
Membre
Dernière intervention
4 octobre 2019
-
Bonjour, merci pour votre réponse Effectivement, j'en avais parlé a mon formateur qui m'a dit qu'il fallait passer par le Javascript. Ce n'est pas possible maintenant (d'ailleurs il nous a proné w3school comme étant une bible pour nous). Merci pour votre réponse
Commenter la réponse de Homawak