← Wszystkie przykłady

JavaScript Nawigacja trello.com

Trello: podświetl karty zawierające słowo

Pyta o słowo i obrysowuje na żółto wszystkie karty na tablicy, które je zawierają.

Kod do skopiowania

// Type a word into prompt() and highlight matching cards on the board
(function () {
  const term = (window.prompt('Highlight cards containing:') || '').trim().toLowerCase();
  document.querySelectorAll('[data-testid="trello-card"], .list-card').forEach(function (card) {
    const txt = (card.textContent || '').toLowerCase();
    const hit = term && txt.indexOf(term) !== -1;
    card.style.outline = hit ? '3px solid #f5cd47' : '';
    card.style.outlineOffset = hit ? '-3px' : '';
  });
})();

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