← Tous les exemples

JavaScript Lecture & concentration stackoverflow.com

Stack Overflow : surligner un nom d'utilisateur choisi

Surligne en jaune les occurrences d'un nom d'utilisateur choisi dans les commentaires et cartes d'auteur.

Code à copier

/* Highlight mentions of a chosen username in comments and posts */
(function () {
  var NAME = 'Jon Skeet';
  function highlight() {
    document.querySelectorAll('.comment-copy a, .user-details a').forEach(function (a) {
      if (a.dataset.sofHi) return;
      if (a.textContent.trim() === NAME) {
        a.dataset.sofHi = '1';
        a.style.background = '#fff3a8';
        a.style.padding = '0 3px';
        a.style.borderRadius = '3px';
      }
    });
  }
  highlight();
  new MutationObserver(highlight).observe(document.body, { childList: true, subtree: true });
})();

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage