← Tous les exemples

JavaScript Lecture & concentration quora.com

Quora : se concentrer sur une seule réponse

Atténue toutes les réponses sauf celle sous le curseur pour mieux se concentrer sur une à la fois.

Code à copier

// Focus mode: dim every answer except the one under the cursor
function setupFocus() {
  document.querySelectorAll('div[class*="puppeteer_test_answer_content"]').forEach(function (a) {
    if (a.dataset.jzFocus) { return; }
    a.dataset.jzFocus = '1';
    const wrap = a.closest('[class*="q-box"]') || a;
    wrap.style.transition = 'opacity 0.2s ease';
    wrap.addEventListener('mouseenter', function () {
      document.querySelectorAll('div[class*="puppeteer_test_answer_content"]').forEach(function (o) {
        const ow = o.closest('[class*="q-box"]') || o;
        ow.style.opacity = (ow === wrap) ? '1' : '0.3';
      });
    });
  });
  document.addEventListener('mouseleave', function () {
    document.querySelectorAll('div[class*="puppeteer_test_answer_content"]').forEach(function (o) {
      const ow = o.closest('[class*="q-box"]') || o;
      ow.style.opacity = '1';
    });
  });
}
setupFocus();
const obs = new MutationObserver(setupFocus);
obs.observe(document.documentElement, { 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