-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.js
65 lines (59 loc) · 2.01 KB
/
main.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
//credit: James Hannah @cyborgsphinx
//function clearContent(kind) {
// var i;
// var contentClass = kind + "-content";
// var tablinkClass = kind + "-tablinks";
//
// var content = document.getElementsByClassName(contentClass);
// for (i = 0; i < content.length; i++) {
// content[i].style.display = "none";
// }
//
// var tablinks = document.getElementsByClassName(tablinkClass);
// for (i = 0; i < tablinks.length; i++) {
// tablinks[i].className = tablinks[i].className.replace(" active", "");
// }
//}
//
//function changePlot(event) {
// var i;
// var target = event.currentTarget;
// var plot = target.id;
//
// clearContent("plot") // affects plot-content and plot-tablinks
//
// var showContent = document.getElementsByClassName(plot);
// for (i = 0; i < showContent.length; i++) {
// showContent[i].style.display = "block";
// }
// target.className += " active";
//
// window.sessionStorage.setItem("plot", plot)
//}
//if (window.sessionStorage.getItem("plot")) {
// document.getElementById(window.sessionStorage.getItem("plot")).click();
//} else {
// // choose default
// document.getElementById("location").click();
//}
// Credit:
// https://www.w3schools.com/howto/howto_js_tabs.asp
// https://blog.hubspot.com/website/html-tabs
function openTab(evt, productName) {
// Declare all variables
var i, tabcontent, tablinks;
// Get all elements with class="tabcontent" and hide them
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Get all elements with class="tablinks" and remove the class "active"
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
// Show the current tab, and add an "active" class to the button that opened the tab
document.getElementById(productName).style.display = "block";
evt.currentTarget.className += " active";
}
document.getElementById("defaultOpen").click();