-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathnavbar.html
62 lines (60 loc) · 4.11 KB
/
navbar.html
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
<nav id = "navbar_topNav">
<div class = "navbar_divIconeTopNav"><img class = "navbar_iconeTopNav" id = "hamburgerButton" src = "./res/hamburgerButton.svg" onclick="navbar_openSidenav()"></img></div>
<div id = "navbar_divTitoloTopNav"><p id = "navbar_titoloTopNav">MIIDM App</p></div>
<div class = "navbar_divIconeTopNav"><img id = "navbar_logoTopNav" class = "navbar_iconeTopNav" src = "./res/logo2.png"></img></div>
</nav>
<nav id="navbar_mySidenav">
<div class = "navbar_divSelezioniSidenav" id = "esplora_sidebar">
<div class = "navbar_divIconeSelezioniSidenav"><img class = "navbar_iconeSelezioniSidenav" src = "./res/esplora.svg"></img></div>
<div class = "navbar_divLinkSelezioniSidebar"><a class = "navbar_linkSelezioniSidenav">Esplora</a></div>
</div>
<div class = "navbar_divSelezioniSidenav" id = "qr_sidebar">
<div class = "navbar_divIconeSelezioniSidenav"><img class = "navbar_iconeSelezioniSidenav" src = "./res/qrcode.svg"></img></div>
<div class = "navbar_divLinkSelezioniSidebar"><a class = "navbar_linkSelezioniSidenav">QR Code</a></div>
</div>
<div class = "navbar_divSelezioniSidenav">
<div class = "navbar_divIconeSelezioniSidenav"><img class = "navbar_iconeSelezioniSidenav" src = "./res/guidaAlMuseo.svg"></img></div>
<div class = "navbar_divLinkSelezioniSidebar"><a class = "navbar_linkSelezioniSidenav">Guida al museo</a></div>
</div>
<div class = "navbar_divSelezioniSidenav" id = "info_sidebar">
<div class = "navbar_divIconeSelezioniSidenav"><img class = "navbar_iconeSelezioniSidenav" src = "./res/info.svg"></img></div>
<div class = "navbar_divLinkSelezioniSidebar"><a class = "navbar_linkSelezioniSidenav">Info</a></div>
</div>
<div class = "navbar_divSelezioniSidenav" id = "lingua_sidebar">
<div class = "navbar_divIconeSelezioniSidenav"><img class = "navbar_iconeSelezioniSidenav" src = "./res/lingua.svg"></img></div>
<div class = "navbar_divLinkSelezioniSidebar"><a class = "navbar_linkSelezioniSidenav">Lingua</a></div>
</div>
<div class = "navbar_divSelezioniSidenav" id = "dona_sidebar">
<div class = "navbar_divIconeSelezioniSidenav"><img class = "navbar_iconeSelezioniSidenav" src = "./res/sostienici.svg"></img></div>
<div class = "navbar_divLinkSelezioniSidebar"><a class = "navbar_linkSelezioniSidenav">Sostienici</a></div>
</div>
<div class = "navbar_divSelezioniSidenav" id = "segnala_sidebar">
<div class = "navbar_divIconeSelezioniSidenav"><img class = "navbar_iconeSelezioniSidenav" src = "./res/segnalaUnBug.svg"></img></div>
<div class = "navbar_divLinkSelezioniSidebar"><a class = "navbar_linkSelezioniSidenav">Segnala un bug</a></div>
</div>
<div class = "navbar_divSelezioniSidenav" style = "bottom: 0; position: absolute">
<div class = "navbar_divIconeSelezioniSidenav"><img class = "navbar_iconeSelezioniSidenav" src = "./res/login.svg"></img></div>
<div class = "navbar_divLinkSelezioniSidebar"><a class = "navbar_linkSelezioniSidenav">Login</a></div>
</div>
</nav>
<div id = "divOscuramento" onclick="navbar_closeSidenav()"></div>
<script>
function navbar_openSidenav() {
document.getElementById("navbar_mySidenav").style.left = "0";
document.getElementById("navbar_topNav").style.backgroundColor = "rgba(241, 196, 14, 1)";
document.getElementById("hamburgerButton").src = "./res/chiudi.svg";
document.getElementById("hamburgerButton").onclick = function() {navbar_closeSidenav()};
document.getElementById('divOscuramento').style.zIndex = "2";
setTimeout(function() {
document.getElementById('divOscuramento').style.opacity = "0.7";
}, 50);
}
function navbar_closeSidenav() {
document.getElementById("navbar_mySidenav").style.left = "-65vw";;
document.getElementById("hamburgerButton").src = "./res/hamburgerButton.svg";
document.getElementById("hamburgerButton").onclick = function() {navbar_openSidenav()};
document.getElementById('divOscuramento').style.opacity = "0";
document.getElementById('divOscuramento').style.zIndex = "-4";
controllaTrasparenzaTopNavbar();
}
</script>