m1maths.com has a navbar with dropdown food selections. At the end is some javascript which opens up the dropdowns when the navbar is floated and also shuts them when a choice is made. (Without the code the dropdowns really did not close.).
The code services a computer system, however out a phone. On a phone, it avoids the dropdowns from opening.
I have actually divided the code for the phone from that for the computer system, so the phone code can be created without disrupting the computer system procedure.
Not being excellent with javascript myself, I questioned if a person would certainly have the ability to create some manuscript for the phone. Ideally, it will certainly simply need a mild adjustment to of the code for the computer system. The here and now code is listed here.
<.
<< manuscript>>.
if (display && & & screen.width > 719) {feature closeAllDropdowns () {const allDropdowns = document.querySelectorAll(". dd ul");.
allDropdowns.forEach( feature (dropdown) {
dropdown.style.display='none';.
} );.
}
feature openAllDropdowns() {
const allDropdowns = document.querySelectorAll(". dd ul");.
allDropdowns.forEach( feature (dropdown) {
dropdown.style.display=";.
} );.
}
document.documentElement.addEventListener(" click", closeAllDropdowns);.
document.documentElement.addEventListener(" mouseover", openAllDropdowns);.
}
<.
<.
<< manuscript>>.
if (display && & & screen.width < 720) {
}
<.
The code for computer systems was composed for me by Jaydev Godvaishnav in reponse to an earler concern on Heap Overflow. I'm expecting a comparable little code that will certainly help phones. I have actually attempted some points with my minimal understanding, however have not located anything that functions.
