← Todos los ejemplos

JavaScript Navegación trello.com

Trello: resaltar tarjetas que contienen una palabra

Pide una palabra y enmarca en amarillo cada tarjeta del tablero que la contiene.

Código para copiar

// 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' : '';
  });
})();

Cómo usar este ejemplo

  1. Copia el código con el botón de arriba.
  2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
  3. Añade una nueva regla que coincida con esa página.
  4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso