Ciao a tutti. Come da titolo della discussione vorrei visualizzare/nascondere div all'interno della pagina. Ciascun div (inizialmente i div hanno la proprietà display = "none") contiene al suo interno sia bottoni che input text.
Cliccando su due bottoni posti all'esterno dei div vorrei che questi si visualizzassero o nascondessero.
Fin qui riesco a farlo senza problemi ma quando clicco su un bottone posto all'interno del div quest'ultimo torna ad assumere la proprietà display = "none".
Come potrei fare per evitare questo?
Questo è quello che ho fatto
Ciao, grazie a tutti.
Cliccando su due bottoni posti all'esterno dei div vorrei che questi si visualizzassero o nascondessero.
Fin qui riesco a farlo senza problemi ma quando clicco su un bottone posto all'interno del div quest'ultimo torna ad assumere la proprietà display = "none".
Come potrei fare per evitare questo?
Questo è quello che ho fatto
HTML:
<body>
<script type="application/javascript">
function mostra() {
document.getElementById("contenuto").style.display="block";
}
function nascondi() {
document.getElementById("contenuto").style.display="none";
}
</script>
<div id="contenuto" style="display:none;">
<form method="post">
<input type="text" name="testo1" />
<input type="text" name="testo2" />
<input type="submit" name="ok" value="Clicca qui" />
</form>
</div>
<input type=”button” value=”Mostra” onclick=”javascript:mostra()” />
<input type=”button” value=”Nascondi” onclick=”javascript:nascondi()” />
</body>Ciao, grazie a tutti.
