bonjour la famille ! j'ai un petit souci ! Comment faire pour réaliser un popover ayant pour contenu des liens qui pointe sur d'autre page ? Comme sur ce site lorsqu'on click sur le logo de notification, y'a un popover qui s'affiche te montrant tes nouveaux messages .
De façon à ce que quand je click sur le le botton, le popover s'affiche puis m'affiche le lien par lequel je peux clicker
Coucou, j'ai développer ça > https://cadet.ebear.fr/script/popover-js essaie avec tu peut intégrer des liens !
Je viens vien consulter la page ! Seulement je comprends pas comment achever cela ! Je suis pas trop avancer dans le code , du coup je comprend pas
Je travail dessus je te dirait quand c'est bon mais en gros :
<span href="/help" class="navbar-link cub"
data-popover='{ "title": "Centre d'aide Pooks",
"content": "<a class=\"btn-link btn-dark m10bottom\" href=\"/help\">Toute l'aide en ligne</a><a class=\"box-link\" href=\"/help/interface\">Interface<img src=\"https://bricks.source.pooks.fr/002-next.svg\" width=\"15px\" height=\"15px\" alt=\"\" /></a><a class=\"box-link\" href=\"/help/account\">Compte<img src=\"https://bricks.source.pooks.fr/002-next.svg\" width=\"15px\" height=\"15px\" alt=\"\" /></a><a class=\"box-link\" href=\"/help/security\">Sécurité<img src=\"https://bricks.source.pooks.fr/002-next.svg\" width=\"15px\" height=\"15px\" alt=\"\" /></a><a class=\"box-link\" href=\"/help/sign-in\">Connexion<img src=\"https://bricks.source.pooks.fr/002-next.svg\" width=\"15px\" height=\"15px\" alt=\"\" /></a><a class=\"box-link\" href=\"/help/sign-up\">Inscription<img src=\"https://bricks.source.pooks.fr/002-next.svg\" width=\"15px\" height=\"15px\" alt=\"\" /></a><a class=\"box-link\" href=\"/help/share\">Partages<img src=\"https://bricks.source.pooks.fr/002-next.svg\" width=\"15px\" height=\"15px\" alt=\"\" /></a><a class=\"box-link\" href=\"/help/contract\">Contrats<img src=\"https://bricks.source.pooks.fr/002-next.svg\" width=\"15px\" height=\"15px\" alt=\"\" /></a>", "position": "bottom", "stateStart": "onHover", "spes": "up" }'>
<img src="https://bricks.source.pooks.fr/atomic/interface_2-line-62.svg" width="25px" height="25px" alt="L'image contient une forme ronde et un point d'interrogation" />
</span>
Le code que j'ai mis permet de créer un popover qui va s'afficher au survol, en bas de ton élément.
Si tu veut plus d'infos du coup j'ai fait ça vite fait ! Bien sûr il y a des chances que j'améliore encore le script donc si tu as des suggéstions ! N'hésite pas !