Salve. Sto cercando di condizionare la visualizzazione o meno di un div che parte in CSS con display: none, in seguito all'evento onClick impostato in un altro div chiamato "side". Qualcosa tuttavia non funziona...
Questo è il codice html...
Nell'HEAD:
codice:
<script src="apriMenu.js"></script>
Nel BODY:
codice:
<div id="side" onclick="javascript:apriMenu();"><a href="#"> + </a></div>
Mentre apriMenu.js è quanto segue:
codice:
var idTag;idTag = document.getElementById("destrotag").style;
function apriMenu() {
if (idTag.display == "none") {
idTag.display = "block";
idTag.top = document.getElementByTagName("header").style.top + "px";
} else if (idTag.display == "block") {
idTag.display = "none";
}
}
Il div deve comparire subito sotto l'header della pagina, che ha proprio tag semantico <header></header>, quindi credo sia corretto richiamarlo con getElementByTagName() anziché getElementById(), tuttavia non funziona in entrambi i casi.
Cambiando il valore a display direttamente in HTML dentro il tag del div "side" riesco a visualizzare il nuovo div ma in una posizione che non va bene.