Highlight Active Row
Item media 1 screenshot

Overview

Makes the currently selected table row more visible.

This extension helps prevent mistaken data entry by making the currently selected table row more visible. Anytime an input box inside of a table is selected the entire table row gets its style changed. The goal is to make it extremely obvious which row you are currently inputting data on to reduce the chances of inputting data on the wrong row. How it works: The extension injects a small script that adds a 'focusin'/'focusout' event listener to the root document object. When the 'focusin' event fires it starts at the event.target and traverses the DOM in search of a <tr> parent element. If <tr> is found it sets the inline style to a preset highlight style. When the 'focusout' event fires it starts at the event.target and traverses the DOM in search of a <tr> parent element. If <tr> is found it clears the inline style. Extra Details: * The extension needs to be enabled the first time you visit a new website by clicking the extension icon and selecting `Enable Highlight Active Row on this domain` from the context menu. This allows the user to only run the extension on select websites. * Currently has a hard set MAX_DEPTH of 5 which limits how many parents it check before stopping. This should prevent all unnecessary DOM traversing for nodes not connected to a table, but also allow some wiggle room if the input is in a <div> or two. Future features: - add an options page that allows the user to set a custom highlight style This is an open source project. Visit Highlight-Active-Row's Github page for source code, to report bugs or to contribute. https://github.com/tomrule007/highlight-active-row Version History: 1.2.1: Fixed bug that required user to reload the extension on page changes. 1.2.0: Allow the user to enable/disable the extension for each website domain 1.1.0: Switched to focusin/focusout events & delegation which works with dynamically added content. 1.0.0: Event listener were attached to each input element on load & didn't work with dynamically added content.

2.7 out of 53 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Stacy YbarraAug 16, 2022

Well it worked and was awesome the first day I downloaded it. I showed it to all my co-workers and it has not worked since.

3 out of 3 found this helpful
Review's profile picture

Josh DavenportJul 6, 2022

Don't review your own product. PS Doesn't work.

2 out of 2 found this helpful
Review's profile picture

Tom HerzogAug 13, 2021

Great tool to speed up data entry and reduce my off by one errors that are so common!

0 out of 3 found this helpful

Details

  • Version
    1.2.1
  • Updated
    March 3, 2020
  • Offered by
    thomasjherzog
  • Size
    7.74KiB
  • Languages
    English
  • Developer
    Email
    thomasjherzog@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Support

Related

Mark Selected Links As Visited

3.3(12)

Marks selected links as visited. If nothing is selected - marks all links on page as visited

DOM Highlighter

5.0(4)

Highlight DOM elements

TabRecall

5.0(2)

Store and organize your browsing sessions

Table Tools

3.0(1)

Lets you override table cell text wrapping and left/right text alignment.

Sheets Row Highlighter

4.9(55)

Highlight a row (and column) of current cell in Google Sheets and Microsoft Excel Online.

Select To Highlight

5.0(7)

Allow you to highlight the words in the web pages that are the same as your selection.

Scroll Preview

3.9(27)

Scroll Preview integrates a whole-page preview with scrollbar that inspired by Sublime Text's mini map.

CellHTML

4.0(1)

Add formatting to selected text in a Google Spreadsheets cell, writing it to the cell as HTML with non-ASCII encoded.

Tab-Link Highlighter

3.3(9)

Highlights a link in a Google/GoogleScholar/Amazon/Youtube search if it is already open in another tab

Wave Barcode Generator

5.0(1)

Generates a Code128 barcode image for Wave Number.

Tabulazer - Table Filter and Sorter

4.6(17)

Filter, sort, page and style any existing HTML table using the Tabulator JS library.

Div Density

4.2(6)

This extension shows the density of elements on your page

Mark Selected Links As Visited

3.3(12)

Marks selected links as visited. If nothing is selected - marks all links on page as visited

DOM Highlighter

5.0(4)

Highlight DOM elements

TabRecall

5.0(2)

Store and organize your browsing sessions

Table Tools

3.0(1)

Lets you override table cell text wrapping and left/right text alignment.

Sheets Row Highlighter

4.9(55)

Highlight a row (and column) of current cell in Google Sheets and Microsoft Excel Online.

Select To Highlight

5.0(7)

Allow you to highlight the words in the web pages that are the same as your selection.

Scroll Preview

3.9(27)

Scroll Preview integrates a whole-page preview with scrollbar that inspired by Sublime Text's mini map.

CellHTML

4.0(1)

Add formatting to selected text in a Google Spreadsheets cell, writing it to the cell as HTML with non-ASCII encoded.

Google apps