texte

Par Prince Bikinkita, il y a 8 ans

Les bases HTML/CSS

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

Prince Bikinkita, il y a 8 ans

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

Prince Bikinkita, il y a 8 ans

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

Prince Bikinkita, il y a 8 ans

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

JeremieMeunier, il y a 8 ans

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.

Prince Bikinkita, il y a 8 ans

D'accord merci

JeremieMeunier, il y a 8 ans

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 !