Skip to content
Snippets Groups Projects
Commit e9d01dc8 authored by Shraddha Raghuram's avatar Shraddha Raghuram
Browse files

use previous js

parent a554ac41
No related branches found
No related tags found
No related merge requests found
Pipeline #406847 passed
Stage: build
Stage: deploy
Hide whitespace changes
Inline Side-by-side
Showing
with 77 additions and 77 deletions
wiki/menu.html
+ 77
− 77
View file @ e9d01dc8
...@@ -135,84 +135,84 @@ ...@@ -135,84 +135,84 @@
var navbox = document.getElementById("navbox"); var navbox = document.getElementById("navbox");
let navbar = document.getElementById("my-navbar"); let navbar = document.getElementById("my-navbar");
let items = navbar.children; let items = navbar.children;
// function over(el){ function over(el){
// for (i = 0; i < 4; i++){ for (i = 0; i < 4; i++){
// items[i].children[0].style.color = "#185A4F"; items[i].children[0].style.color = "#185A4F";
// } }
// el.children[0].style.color = "#62D881"; el.children[0].style.color = "#62D881";
// if (el.children.length > 1){ if (el.children.length > 1){
// let son = el.children[1];
// if (getComputedStyle(son,null)["display"]=="none"){
// setTimeout(function(){
// son.style.opacity = 1;
// }, 1);
// son.style.display = "block";
// }
// if (document.documentElement.clientWidth > 1400){
// navbox.style.height = "320px";
// }
// else if (document.documentElement.clientHeight < 1120){
// navbox.style.height = "245px";
// }
// else{
// navbox.style.height = "280px";
// }
// }
// }
// function leave(el){
// for (i = 0; i < 4; i++){
// items[i].children[0].style.color = "#185A4F";
// }
// if (el.children.length > 1){
// let son = el.children[1];
// if (getComputedStyle(son,null)["display"]=="block"){
// son.style.opacity = 0;
// setTimeout(function(){
// son.style.display = "none";
// }, 350);
// }
// navbox.style.height = "78px";
// }
// }
function over(el) {
resetColors();
el.children[0].style.color = "#62D881";
if (el.children.length > 1) {
let son = el.children[1]; let son = el.children[1];
son.style.display = "block"; if (getComputedStyle(son,null)["display"]=="none"){
setTimeout(() => { setTimeout(function(){
son.style.opacity = 1; son.style.opacity = 1;
navbox.style.height = getNavboxHeight(); }, 1);
}, 0); // No delay for smoother operation son.style.display = "block";
} }
} if (document.documentElement.clientWidth > 1400){
navbox.style.height = "320px";
function leave(el) { }
resetColors(); else if (document.documentElement.clientHeight < 1120){
if (el.children.length > 1) { navbox.style.height = "245px";
}
else{
navbox.style.height = "280px";
}
}
}
function leave(el){
for (i = 0; i < 4; i++){
items[i].children[0].style.color = "#185A4F";
}
if (el.children.length > 1){
let son = el.children[1]; let son = el.children[1];
son.style.opacity = 0; if (getComputedStyle(son,null)["display"]=="block"){
setTimeout(() => { son.style.opacity = 0;
son.style.display = "none"; setTimeout(function(){
navbox.style.height = "78px"; son.style.display = "none";
}, 300); // Delay matches the CSS transition }, 350);
} }
} navbox.style.height = "78px";
}
function resetColors() { }
for (let i = 0; i < 4; i++) { // function over(el) {
items[i].children[0].style.color = "#185A4F"; // resetColors();
} // el.children[0].style.color = "#62D881";
} // if (el.children.length > 1) {
// let son = el.children[1];
function getNavboxHeight() { // son.style.display = "block";
if (document.documentElement.clientWidth > 1400) { // setTimeout(() => {
return "320px"; // son.style.opacity = 1;
} else if (document.documentElement.clientHeight < 1120) { // navbox.style.height = getNavboxHeight();
return "245px"; // }, 0); // No delay for smoother operation
} else { // }
return "280px"; // }
}
} // function leave(el) {
// resetColors();
// if (el.children.length > 1) {
// let son = el.children[1];
// son.style.opacity = 0;
// setTimeout(() => {
// son.style.display = "none";
// navbox.style.height = "78px";
// }, 300); // Delay matches the CSS transition
// }
// }
// function resetColors() {
// for (let i = 0; i < 4; i++) {
// items[i].children[0].style.color = "#185A4F";
// }
// }
// function getNavboxHeight() {
// if (document.documentElement.clientWidth > 1400) {
// return "320px";
// } else if (document.documentElement.clientHeight < 1120) {
// return "245px";
// } else {
// return "280px";
// }
// }
</script> </script>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment