https://usicecenter.gov/script/jsProduct.js

1$(window).on('scroll', function () {
2    if ($(window).scrollTop()) {
3        $('nav').addClass('special');
4    }
5
6    else {
7        $('nav').removeClass('special');
8    }
9});
10
11$(function () {
12
13    $(document).on('scroll', function () {
14
15        if ($(window).scrollTop() > 200) {
16            $('.scroll-top-wrapper').addClass('show');
17        } else {
18            $('.scroll-top-wrapper').removeClass('show');
19        }
20    });
21
22    $('.scroll-top-wrapper').on('click', scrollToTop);
23});
24
25function scrollToTop() {
26    document.body.scrollTop = 0;
27    document.documentElement.scrollTop = 0;
28};
29
30{
31    var prodAcc = document.getElementsByClassName("prod-acc");
32
33    for (var i = 0; i < prodAcc.length; i++) {
34        prodAcc[i].addEventListener('click', function () {
35            this.classList.toggle('prod-acc-active');
36            var otherSib = this.nextElementSibling;
37            if (otherSib.style.maxHeight) {
38                otherSib.style.maxHeight = null;
39            } else {
40                otherSib.style.maxHeight = otherSib.scrollHeight + 'px';
41            }
42        });
43    }
44}
45
46//open product accordion menu based on region product is located in
47$(document).ready(function () {
48
49    //get current URL and split into array
50    var urlSplit = document.URL.split('/');
51
52    //get only the last element of urlSplit array
53    var getPage = urlSplit.pop();
54
55    if (getPage === "gl-forecast.htm") {
56        $("#inglFcst").load("../hold/glFcst.htm");
57        $("#inglOutlook").load("../hold/glOutlook.htm");
58        $("#inglSummary").load("../hold/glSummary.htm");
59    }
60
61    //split getPage to get region area, which is deliminated with a '-'
62    var getRegion = getPage.split('-');
63
64    //assign region based on the first getRegion variable
65    var prodRegion = (getRegion[0] === 'arc') ? '#prod-arctic' : (getRegion[0] === 'ant') ? '#prod-antarc' :
66        (getRegion[0] === 'gl') ? '#prod-greatlakes' : '#prod-midatlantic';
67
68    //simulate click to expand region of URL for prod-acc menu
69    $(prodRegion).click();
70});
71
72function getHTML(fName) {
73
74    $("#in" + fName).load("../hold/" + fName + ".htm");
75
76}
77
78//$("#outlook").click(function () {
79//    var showing = document.getElementsByClassName('outlook-show');
80//    if (showing.length > 0) {
81//        document.getElementById('outlook').innerText = 'Hide';
82//    } else {
83//        document.getElementById('outlook').innerText = 'View';
84//    }
85//    $("#outlook-container").toggleClass("outlook-show");
86//});
87
88//function to load and display image into a modal
89function openModal(title, imgName, refText) {
90
91    $("#chartShow").empty(); //clear any data created from previous modal calls
92
93    var refID = refText.getAttribute("href"); //retrieves href value of the element
94
95    refID = refID.substring(1); //removes leading # character of href value
96
97    var dtitle = title.replace(/ /g, "_");
98    //html code placed in a variable to be passed into preset <div>
99    var modalCode =
100        '<div class="modal fade" id="' + refID + '" tabindex="-1" role="dialog" aria-labelledby="' + refID + 'Label" aria-hidden="true">' +
101        '<div class="modal-dialog modal-dialog-centered modal-lg modal-xl" role="document">' +
102        '<div class="modal-content">' +
103        '<div class="modal-header">' +
104        '<h5 class="modal-title" id="' + refID + 'Label">' + title + '</h5>' +
105        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
106        '<span aria-hidden="true">&times;</span>' +
107        '</button>' +
108        '</div>' +
109        '<div class="modal-body">' +
110        //'<img src="../pub/' + imgName + '" class="img-fluid rounded" />' +
111        '<img src="' + imgName + '" class="img-fluid rounded" />' +
112        '</div>' +
113        '<div class="modal-footer">' +
114        //'<button type="button" class="btn btn-secondary" onclick="window.open(\'../images/' + imgName + '\')">New Window</button>' +
115        '<button type="button" class="btn btn-secondary" onclick="window.open(\'' + imgName + '\')">

115Enlarge</button>' +
116        '<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>' +
117        //'<a href="../images/' + imgName + '" download><button type="button" class="btn btn-info">Download</button></a>' +
118        //'<a href="' + imgName + '" download><button type="button" class="btn btn-info">Download</button></a>' +
119        '<a href="' + imgName + '" id=' + dtitle +' class=' + refID + '_' + dtitle +'><button type="button" class="btn btn-info">Download</button></a>' +
120        '</div>' +
121        '</div>' +
122        '</div>' +
123        '</div>';
124
125    $("#chartShow").append(modalCode); //passing html code to preset <div>
126}
127
128//function to load and display HTM file into modal
129function openHTMLModal(title, refText) {
130
131    var refID = refText.getAttribute("href"); //retrieves href value of the element
132
133    refID = refID.substring(1); //removes leading # character of href value
134
135    //html code placed in a variable to be passed into preset <div>
136    var modalCode =
137        '<div class="modal fade" id="' + refID + '" tabindex="-1" role="dialog" aria-labelledby="' + refID + 'Label" aria-hidden="true">' +
138        '<div class="modal-dialog modal-dialog-centered modal-lg modal-xl" role="document">' +
139        '<div class="modal-content">' +
140        '<div class="modal-header">' +
141        '<h5 class="modal-title" id="' + refID + 'Label">' + title + '</h5>' +
142        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
143        '<span aria-hidden="true">&times;</span>' +
144        '</button>' +
145        '</div>' +
146        '<div class="modal-body">' +
147        '<div id="in' + refID + '"></div>' +
148        '<script>if (document.getElementById("in' + refID + '")) {' +
149        '$("#in' + refID + '").load("../hold/' + refID + '.htm");}</script > ' +
150        '</div>' +
151        '<div class="modal-footer">' +
152        '<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>' +
153        '</div>' +
154        '</div>' +
155        '</div>' +
156        '</div>';
157
158    $("#chartShow").append(modalCode); //passing html code to preset <div>
159}
160
161function pickerSet(minDate, maxDate) {
162    var currentDate = new Date();
163    var previousWeek = new Date();
164    var preWeek = new Date(maxDate);
165    preWeek.setDate(preWeek.getDate() - 7);
166    previousWeek.setDate(previousWeek.getDate() - 7);
167    var minYear = minDate.substring(6, 10);
168    var maxYear = maxDate.substring(6, 10);
169    //$('#enddate-pick').datepicker().datepicker("setDate", currentDate);
170    //$('#startdate-pick').datepicker().datepicker("setDate", previousWeek);
171
172    $("#startdate-pick").datepicker({
173        //changeYear: true,
174        dateFormat: 'mm/dd/yy',
175        //defaultDate: new Date(pWeek), 
176        showButtonPanel: true,
177        changeMonth: true,
178        changeYear: true,
179        //showOn: "button",
180        //buttonImage: "images/calendar.gif",
181        //buttonImageOnly: true,
182        yearRange: minYear + ':' + maxYear,
183        minDate: new Date(minDate),
184        maxDate: new Date(maxDate)
185    //inline: true
186    //});
187}).datepicker("setDate", preWeek);
188
189    $("#enddate-pick").datepicker({
190        //changeYear: true,
191        //dateFormat: 'mm/dd/yy',
192        //defaultDate: cDate,
193        showButtonPanel: true,
194        changeMonth: true,
195        changeYear: true,
196        //showOn: "button",
197        //buttonImage: "images/calendar.gif",
198        //buttonImageOnly: true,
199        yearRange: minYear + ':' + maxYear,
200        minDate: new Date(minDate),
201        maxDate: new Date(maxDate)
202        //inline: true
203    //});
204    }).datepicker("setDate", maxDate);
205}
206
207function pickerUpdate(minDate, maxDate) {
208    var currentDate = new Date();
209    var previousWeek = new Date();
210    previousWeek.setDate(previousWeek.getDate() - 7);
211    var minYear = minDate.substring(6, 10);
212    var maxYear = maxDate.substring(6, 10);
213
214    $('#startdate-pick').datepicker('option', 'yearRange', minYear + ':' + maxYear);
215    $('#startdate-pick').datepicker('option', 'minDate', minDate);
216    $('#startdate-pick').datepicker('option', 'maxDate', maxDate);
217
218    $('#enddate-pick').datepicker('option', 'yearRange', minYear + ':20120');
219    $('#enddate-pick').datepicker('option', 'minDate', minDate);
220    $('#enddate-pick').datepicker('option', 'maxDate', maxDate);
221}
222
223document.addEventListener(
224    "DOMContentLoaded",
225    () => {
226        new Mmenu("#nic-menu",
227            {
228                extensions: ["pagedim-black", "popup"],
229                navbar: { title: "Product Menu" },
230                "autoHeight": true
231            });
232    });

233
234