[javascript] visualizzare/nascondere div

samurai.sette

Utente Attivo
17 Dic 2015
228
6
18
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
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.
 

linoma

Utente Attivo
1 Mar 2017
78
4
8
Credo che il problema stia nel fatto che la pagina vega ricaricata, quando premi sul submit.
 

samurai.sette

Utente Attivo
17 Dic 2015
228
6
18
Credo anche io che il problema sia quello. Se dovesse essere così come faccio a far ricaricare la pagina senza far "nascondere" il div?
Ciao, grazie mille.