← Wszystkie przykłady

JavaScript Wygląd business.facebook.com

Koloruj wszystkie statusy

Nadaje komórkom statusu kolorowy pasek zależny od stanu: aktywny, wstrzymany, odrzucony, w recenzji lub faza nauki.

Kod do skopiowania

(function () {
  var MAP = [
    [/active|delivering/i, '#2e7d32'],
    [/paused|off/i, '#9e9e9e'],
    [/rejected|disapproved|error/i, '#d32f2f'],
    [/in review|pending|processing/i, '#f57c00'],
    [/learning/i, '#7b1fa2']
  ];
  function paint() {
    try {
      document.querySelectorAll('[role="gridcell"],[role="cell"]').forEach(function (c) {
        var lbl = (c.getAttribute('aria-label') || '') + ' ' + (c.textContent || '');
        for (var i = 0; i < MAP.length; i++) {
          if (MAP[i][0].test(lbl)) { c.style.boxShadow = 'inset 4px 0 0 ' + MAP[i][1]; return; }
        }
      });
    } catch (e) {}
  }
  paint();
  setInterval(paint, 2500);
})();

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania