bigfoot

Publié le : 16 juin 2015 – Dernière modification le 21 décembre 2021 – par b_b – 145 commentaires

1
2
3
4
5
15 votes

Un plugin qui facilite l’utilisation des notes de bas de page en les affichant dans des infobulles à l’aide d’un peu de javascript.

Le constat de l’auteur du script :

Les notes de bas de page sur le web sont une plaie. Tu dois d’abord essayer de cliquer sur un tout petit nombre qui te renvoie quelque part vers le bas de la page, tu lis la note que tu cherchais, puis tu cliques de nouveau sur un petit nombre pour remonter là où tu étais dans la page.

La solution proposée par bigfoot :

  • le bloc des notes en bas de page est masqué ;
  • les liens vers les notes de bas de page sont remplacés par des boutons afin de les rendre plus facile à cliquer ;
  • au clic, le contenu de la note apparaît dans une infobulle directement à côté du bouton, ce qui évite le défilement vers le bas de la page ;
  • l’infobulle est redimensionnée et positionnée automatiquement pour assurer une lecture confortable de son contenu (même sur petit écran).

De plus, les notes de bas de page sont bien visibles lors de l’impression.

Voici un aperçu du rendu d’une note ouverte dans une infobulle :

Copie d’écran montrant l’apparence d’une bulle d’aide affichant une note de base de page avec bigfoot

Le plugin agit automatiquement sur les notes des pages de votre site, aucune configuration ou adaptation n’est nécessaire. Simple et efficace :)

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

2 discussions

  • 5
    Patrice MOREL

    Bonjour,

    SPIP 4.2.6
    Squelette Escal

    Est-il possible qu’il s’exécute aussi dans le postscriptum SVP en partie publique (il se met bien en partie privée) ?
    Exemple sur cette page : https://collectif-jeandeneyman.fr/spip.php?article41
    Merci
    Patrice

    Répondre à ce message

  • 9
    Essaillon

    Bsr,

    Suite au passage à SPIP 4.1.5, le plugin ajoute 2 bulles près du mot à anoter et rien en bas de page à côté de « Notes ; »

    Et le tooltip est affiché en double, superposés et légèrement décalé.

    Dommage, c’était très élégant.

    • b_b

      > Suite au passage à SPIP 4.1.5, le plugin ajoute 2 bulles près du mot à anoter

      Je ne reproduis pas en 4.2, quelle est l’adresse de la page où on peut observer le bug pour t’aider plus ?

      > et rien en bas de page à côté de « Notes ; »

      Ça c’est le comportement normal du plugin :p

    • b_b

      Ta page comporte des erreurs javascript, possible que le problème vienne de là, il faudrait les corriger pour investiguer plus en détail :\

    • spipfactory

      Bonjour,

      j’ai donc essayer d’épurer au maximum

      j’ai monter un site test https://agha.spipfactory.fr/?test-numero-2

      et a force de chercher, il semblerais que c’est la maj du plugin saisise qui provoque le dedoublement

      test effectué sur la mutualisation avec Escal actif qui necessite
      agenda ; svpstats ; nospam ; saisies ; verifier

      me reste encore a tester bigfoot + saisies sur un spip seul ........ pour confirmer la chose

    • spipfactory

      Après qq tests, c’est le bloc du mini-calendrier qui provoque ce double affichage.

      Il doit donc y avoir un truc qui se monte dessus entre les 2 plugins.

      Mais quoi ?

      une idée ?

    • spipfactory.fr

      Après qq tests, c’est le bloc du mini-calendrier qui provoque ce double affichage.

      Il doit donc y avoir un truc qui se monte dessus entre les 2 plugins.

      Mais quoi ?
      une idée ?

    • spipfactory.fr

      ok bon la seul solution trouvé et un pansement en faisant une régle css :

      /* Pas de double occurence pour le plugin bigfoot */

span.littlefoot-footnote__host:nth-child(2) > span:nth-child(1) > button:nth-child(1) {
display : none
}
    • Patrice MOREL

      Bonjour,
      J’ai appliqué le CSS qui, effectivement est moins pire, mais j’ai toujours des problèmes de doublons.
      Voir ma page : https://collectif-jeandeneyman.fr/spip.php?article22
      -  Le renvoi 8 est en double
      -  Le renvoi 9 (et autres) n’a bien qu’un numéro, mais 2 infos bulles l’une sur l’autre !
      Avez-vous une solution SVP ?
      Merci
      Patrice

    • Patrice MOREL

      Bonjour,
      Je me réponds en partie :

      span.littlefoot-footnote__host:nth-child(2) {
display : none
}

      Évite la problématique des 2 infos bulles l’une sur l’autre.
      Par-contre, j’ai toujours le renvoi 8 est en double !

      Composition en partie privée de la phrase :

      ...on nous oriente vers le Musée de la Résistance nationale (M.R.N)[[Courriel de réponse du Musée de la Résistance nationale à Champigny du 02/10/2013 : Nous possédons la transcription de la dernière lettre de Jean de Neyman (Coll. Musée de la Résistance nationale à Champigny-sur-Marne. Fonds thématique carton n°83bis. Lettres de fusillés), mais elle n'est pas complète (il manque la dernière page). Nous te l'envoyons cependant à titre indicatif. Centre de conservation et de consultation - Musée de la Résistance Nationale]] qui n'en possède qu'une transcription...

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom