☰

Highlight Table Row on Click

Highlight Table Row on Mouse Click

  1. // ==UserScript==
  2. // @name          Highlight Table Row on Click
  3. // @description   Highlight Table Row on Mouse Click
  4. // @include       http*://*
  5. // @version       1.0
  6. // @namespace     script
  7. // ==/UserScript==
  8.  
  9. var trs = document.getElementsByTagName('tr');
  10. var cached_bg = new Array();
  11.  
  12. var trs = document.getElementsByTagName('tr');
  13. 	for (var i = trs.length - 1; i >= 0; i--) {
  14. 		var elmRow = trs[i];
  15. 		cached_bg[i] = elmRow.style.backgroundColor;
  16. 		elmRow.addEventListener('click', function() {
  17. 			remove_highlight();
  18. 			this.style.backgroundColor = '#fcc';
  19. 		}, true);
  20. 	}
  21.  
  22. function remove_highlight(){
  23. 	var trs = document.getElementsByTagName('tr');
  24. 	for(var i = trs.length - 1; i >- 0; i--){
  25. 		trs[i].style.backgroundColor = cached_bg[i];
  26. 	}
  27. }