Buonasera a tutti!
Premetto che sono una principiante.
Ho realizzato un semplicissimo script per per nascondere o mostrare due menu e due iconcine a seconda della larghezza video.
Su pc funziona correttamente, ma su smartphone da problemi, ha un comportamento aleatorio: ogni tanto funziona e ogni tanto no.
(Lo script e` in fondo alla pagina, prima della tag di chiusura </body>)
Perche` non funziona?
Premetto che sono una principiante.
Ho realizzato un semplicissimo script per per nascondere o mostrare due menu e due iconcine a seconda della larghezza video.
Su pc funziona correttamente, ma su smartphone da problemi, ha un comportamento aleatorio: ogni tanto funziona e ogni tanto no.
HTML:
<body onresize="onresize();" onload="onload();" id="corpo_pagina">
HTML:
<div id="icona-menu" onClick="toggle();">
HTML:
<div id="icona-menu2" onClick="taggle();">
Codice:
<script type="text/javascript">
function onload() {
menu();
copy();
menu1();
}
function onresize() {
menu();
copy();
menu1();
}
function menu() {
var w= window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
if (w < 768) {
document.getElementById("pre-menu").style.display = "none";
document.getElementById("icona-menu").style.display = "block";
}
else {
document.getElementById("pre-menu").style.display = "inline";
document.getElementById("icona-menu").style.display = "none";
}
}
function toggle() {
var el=document.getElementById("pre-menu");
if (el.style.display =="none") {
el.style.display="block";
}
else{
el.style.display="none";
}
}
function menu1() {
var w= window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
if (w < 1024) {
document.getElementById("icona-menu2").style.display = "block";
document.getElementById("menu_laterale").style.display = "none";
}
else {
document.getElementById("icona-menu2").style.display = "none";
document.getElementById("menu_laterale").style.display = "block";
}
}
function taggle() {
var el=document.getElementById("menu_laterale");
if (el.style.display =="none") {
el.style.display="block";
}
else{
el.style.display="none";
}
}
</script>(Lo script e` in fondo alla pagina, prima della tag di chiusura </body>)
Perche` non funziona?
Ultima modifica:
