mostrare e nascondere div in contemporanea

**goandy84** · 02-03-2009, 18:07

Ciao a tutti, riconosco la mia inesperienza in javascript facendo questa domanda

Vorrei creare una pagina con + bottoni. Alla pressione di uno di questi il div display none appare, cliccando su un'altro bottone, scompare il div appena aperto e appare il successivo.

Come posso fare? Qualcuno sa consigliarmi un metodo semplice? Praticamente i div si sovrappongono e appaiono simultaneamente alla pressione del mouse facendo scomparire il div precedente.

**essezeta** · 02-03-2009, 20:19

puoi partire da questo (salva con nome e testalo, funziona)...
-ti fa comparire il primo elemento di due
-ti fa fare uno switch tra due elementi (quello display:none appare, mentre quello display:block scompare, e viceversa...)
-ti fa scomparire l'elemento presente

codice:

<html>
<head>
<script type="text/javascript">
<!--
function faicomparire(id){
if (document.getElementById){
if(document.getElementById(id).style.display == 'none'){
document.getElementById(id).style.display = 'block';
}
}
}

function sostituisci(id){
if (document.getElementById){
if(document.getElementById(id).style.display == 'none'){
document.getElementById(id).style.display = 'block';
} else {
document.getElementById(id).style.display = 'none';
}
}
}

function chiudi(id){
if (document.getElementById){
if(document.getElementById(id).style.display == 'block'){
document.getElementById(id).style.display = 'none';
}
}
}
-->
</script> 
</head>

<body>


fai comparire elemento
 | 
chiudi elemento</p>

<div id="elemento_1" style="display: none; border:5px dashed #990000">
<h3>primo elemento primo elemento primo elemento 


sostituisci elemento</h3>
</div>

<div id="elemento_2" style="display: none; border:5px dashed #339966">
<h3>SECONDO ELEMENTO SECONDO ELEMENTO SECONDO ELEMENTO 


sostituisci elemento</h3>
</div>

</body>
</html>

PS:
l'avevo creato qualche tempo esercitandomi...
modificando la demo di questo tutorial magari ti può servire: http://javascript.html.it/articoli/l...on-un-click/1/

ciao

Discussione: mostrare e nascondere div in contemporanea

Strumenti discussione

Ricerca discussione

Visualizza

mostrare e nascondere div in contemporanea

Permessi di invio