Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
Chimo bfed35b8ca
Fix links and screenshot
il y a 2 ans
locale Adding translations to Spanish and Esperanto il y a 4 ans
.jscsrc Formatting il y a 4 ans
.jshintrc Formatting il y a 4 ans
LICENSE Add license info il y a 6 ans
README.md Fix links and screenshot il y a 2 ans
hovercard.css StatusNet -> GNU social il y a 4 ans
hovercard.js group: Support example.org/group/$ID/id URLs il y a 4 ans


GNU social Querycards


This tiny jQuery plugin scans your selectors for a link that contains an @-mention.
It adds a popup to those links that contains more information about this user.
The popup appears on when you hover over the @-mention.


Visit: https://chromic.org/gs-querycards/


Relevant snippet

<div class="hovercard">
  <a href="https://sn.chromic.org/chimo">@chimo</a>

Complete example

<!DOCTYPE html>
    <title>GNU social Querycards</title>
    <link rel="stylesheet" href="hovercard.css" />
    <div class="hovercard">
      <a href="https://sn.chromic.org/chimo">@chimo</a>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="hovercard.js"></script>


If the widget has been translated in your language, you use it on your page by adding the locale before hovercard.js

To use the French translation, for example:

    <script src="locale/fr.js"></script>
    <script src="hovercard.js"></script>


Screenshot of a GNU social Querycard

You can of course change the look by including your own CSS on your page.