Update forecast_mhw.js

Adding js functionality to new mobile tabs
NOAA-CEFI-Portal · Oct 4, 2024 · 45a313b · 45a313b
1 parent 2a58ca6
commit 45a313b
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/forecast_mhw.js b/forecast_mhw.js
@@ -141,6 +141,9 @@ $("#"+dashDropDownID).on("change", function(){
     // change the active navpil
     $("#"+dashNavPillID+" > ul.nav-pills > li.nav-item").removeClass("active"); 
     $("#"+selectedValue.slice(0, -3)+'Pill').addClass("active");
+    // change the active navtab
+    $("#"+dashNavPillID+" > ul.nav-tabs > li.nav-item").removeClass("active"); 
+    $("#"+selectedValue.slice(0, -3)+'Tab').addClass("active");
     // change the active navpil content
     $("#"+dashContentID+" div.tab-pane").removeClass("active"); 
     $("#"+selectedValue.slice(0, -3)).addClass("active");
@@ -152,6 +155,14 @@ $("#"+dashNavPillID+" > ul.nav-pills > li.nav-item > .nav-link").on('click',func
     let hrefIDText = hrefID.slice(1)
     // reuse changeDashSelect (historical.js) 
     window.changeDashSelect(dashDropDownID,hrefIDText+'Val')
+});
+
+// event listener for navtab being clicked
+$("#"+dashNavPillID+" > ul.nav-tabs > li.nav-item > .nav-link").on('click',function(){
+    let hrefID = $(this).attr('href')
+    let hrefIDText = hrefID.slice(1)
+    // reuse changeDashSelect (historical.js) 
+    window.changeDashSelect(dashDropDownID,hrefIDText+'Val')
 }); 
 
 // event listener for the "message" event when map location click