Nascondere un div e mostrarne un altro

**sjpagan** · 28-04-2013, 21:25

il problema più vecchio del mondo... Beh cari amici ammetto le miei enormi bug riguardo javascript...

Vispiego il mio problema, ho due div e al caricamento della pagina, uno dev'essere nascosto ell'altro visibile, non appena clicco su un pulsante vorrei che quelo nascosto ricompare e l'altro si nasconda, questa è la mia struttura
1°DIV

<div class="test_box">
<form method="post" action="....url">
<input type="submit" id="submit" name="submit" value="Invia">
</form>
</div>

2° DIV
<div id="loading">
MESSAGGIO
</div>

Ho provato già in vari modi ma nulla..... :-(

**cavicchiandrea** · 28-04-2013, 23:44

Vediamo i modi usati, così non stiamo a ripeterli

**sjpagan** · 29-04-2013, 01:21

Ci tento ma non aspettarti tanto, sono una schiappa con javascript e mi stò rendendo conto che è veramente utile....

in teoria questo era il mio tentativo

<script type="text/javascript">
$(document).ready(function(){

$('#loading').style.display="none";

$('#submit').click(function(){
$('testo_box').style.display="none";
$('loading').style.display="block";
});

});
</script>

**carlomarx** · 29-04-2013, 02:36

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
function onsubmitForm () {

	var aHideEl = document.getElementsByClassName("test_box");

	for (var nLen = aHideEl.length, nIdx = 0; nIdx < nLen; nIdx++) {
		aHideEl[nIdx].style.setProperty("display", "none");
	}

	document.getElementById("loading").style.removeProperty("display");

}

onload = function () {
	document.getElementById("loading").style.setProperty("display", "none");
};

</script>
</head>
 
<body>

<div class="test_box"><form method="post" onsubmit="onsubmitForm();">
<input type="submit" id="submit" name="submit" value="Invia">
</form></div>

<div id="loading">Div da nascondere al caricamento</div>

</body>
</html>

**sjpagan** · 29-04-2013, 08:09

Grazieeee Gentilissimo, ascoltami, visto che il mondo di javascript e ajax deve cominciarmi a interessare, puoi consigliarmi qualche buon volume dove impararlo ? ho visto i volumi di APOGEO, come li vedi ???

**cavicchiandrea** · 29-04-2013, 08:24

Io con APOGEO mi sono sempre trovato bene chiari, comprensibili, con esempi, ma ritengo che sia molto soggettivo.

Discussione: Nascondere un div e mostrarne un altro

Strumenti discussione

Ricerca discussione

Visualizza

Nascondere un div e mostrarne un altro

Permessi di invio