row selection of tables

hgarbeil · Jun 21, 2024 · e10eac1 · e10eac1
1 parent d2289ef
commit e10eac1
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/style.css b/style.css
@@ -157,10 +157,17 @@ body{
     color: black;
 }
 .content-table tbody tr.active:nth-of-type(even) {
-    background-color: ffaa00;
+    background-color: #ffaa00;
     color: yellow;
 }
 
+.content-table tbody tr.active:nth-of-type(even) {
+    background-color: #00ffff;
+    color: black;
+}
 
+.content-table tbody tr.active {
+    background-color: #ffaa00;
+}
 
 
diff --git a/weather.js b/weather.js
@@ -135,8 +135,14 @@ function loadWeatherTable (events){
 
 
 function tableClick (event) {
+    let myrows = document.querySelectorAll ('tr') ;
+    for (i in myrows){
+        myrows[i].classList ="" ;
+    }
     let rowNum = event.target.closest('tr').rowIndex-1 ;
     console.log("table clicked  : "+eventsDisplayed[rowNum].properties.description) ;
+    myrows[rowNum+1].classList.add("active") ;
+    console.log(myrows[rowNum]);
     alert(eventsDisplayed[rowNum].properties.description);
 
 }