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 .

7 réponses


Le problème c'est comment inserer un lien dans le popover ?

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&apos;aide Pooks",
                                                 "content": "<a class=\"btn-link btn-dark m10bottom\" href=\"/help\">Toute l&apos;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.

D'accord merci

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 !