Evidenziare Riga attiva in Chrome con OffiDocs

DESCRIZIONE

Questa estensione aiuta a prevenire l'immissione errata di dati rendendo più visibile la riga della tabella attualmente selezionata.

Ogni volta che viene selezionata una casella di input all'interno di una tabella, l'intera riga della tabella cambia stile.

L'obiettivo è rendere estremamente ovvio su quale riga stai attualmente inserendo i dati per ridurre le possibilità di inserire dati nella riga sbagliata.

Come funziona: l'estensione inietta un piccolo script che aggiunge un listener di eventi 'focusin'/'focusout' all'oggetto documento root.

Quando l'evento "focusin" si attiva, inizia all'evento.

target e attraversa il DOM alla ricerca di a elemento genitore.

Se viene trovato imposta lo stile in linea su uno stile di evidenziazione preimpostato.

Quando si attiva l'evento "focusout", inizia all'evento.

target e attraversa il DOM alla ricerca di a elemento genitore.

Se viene trovato cancella lo stile inline.

Dettagli extra: * L'estensione deve essere abilitata la prima volta che visiti un nuovo sito Web facendo clic sull'icona dell'estensione e selezionando "Abilita evidenzia riga attiva su questo dominio" dal menu contestuale.

Ciò consente all'utente di eseguire l'estensione solo su determinati siti Web.

* Attualmente ha un MAX_DEPTH fisso di 5 che limita il numero di genitori che controlla prima di fermarsi.

Ciò dovrebbe impedire tutti gli attraversamenti DOM non necessari per i nodi non connessi a una tabella, ma consentire anche un po' di spazio di manovra se l'input è in un o due.

Funzionalità future: - aggiunta di una pagina di opzioni che consente all'utente di impostare uno stile di evidenziazione personalizzato Questo è un progetto open source.

Visita la pagina Github di Highlight-Active-Row per il codice sorgente, per segnalare bug o per contribuire.

https://github.

com/tomrule007/highlight-active-row Cronologia versioni: 1.2.1: risolto bug che richiedeva all'utente di ricaricare l'estensione in caso di modifiche alla pagina.

1.2.0: Consenti all'utente di abilitare/disabilitare l'estensione per ogni dominio del sito web 1.1.0: Passato a focusin/focusout eventi e delega che funziona con contenuto aggiunto dinamicamente.

1.0.0: il listener di eventi era collegato a ciascun elemento di input al caricamento e non funzionava con i contenuti aggiunti dinamicamente.

Informazioni aggiuntive:

- Offerto da thomasjherzog
- Valutazione media: 2.67 stelle (era ok)
- Sviluppatore Questo indirizzo e-mail è protetto dallo spam bot. Abilita Javascript per vederlo.

Evidenziare il Web riga attiva extension integrato con OffiDocs Chromium online