Elementi a comparsa

**biribit** · 21-09-2006, 15:08

Ciao a tutti,
ho trovato questo script di Alberto Giuliani su gli elementi a comparsa che fa proprio al caso mio.
Il funzionamento è piuttosto semplice, al clic cambia lo stile del ID in display: block.
Io però dovrei far comparire e scomparire vari div e visualizzandone uno mi devono scomparire gli altri... incollo il codice che forse è meglio

**Xinod** · 21-09-2006, 15:38

Originariamente inviato da biribit
<script type="text/javascript" language="javascript">
var totale=3
function visualizza(num){
if (document.getElementById){
for(var k=1;k<totale;k++){
var el=document.getElementById('a'+num);
el.style.display=(k==num && el.style.display == 'none')?'block':'none';
}
}
}
</script>

</head>
<html>
<body>
<div>
<ul>[*]visualizza 1[*]visualizza 2[*]visualizza 3[/list]
</div>
</div>

<div id="a1" style="display:none">
<h2>111111111111111111</h2>
</div>
<div id="a2" style="display:none">
<h2>2222222222222222222</h2>
</div>
<div id="a3" style="display:none">
<h2>3333333333333333</h2>
</div>

</body>
</html>

prova, dovrebbe andare

**biribit** · 21-09-2006, 15:44

mmmh, ho provato ma mi da errore e non funziona... (manca oggetto...)

**Xinod** · 21-09-2006, 15:51

controllato

codice:

<html>
<head>
<script type="text/javascript" language="javascript">
var totale=3
function visualizza(num){
	if (document.getElementById){
		for(var k=1;k<=totale;k++){
			var el=document.getElementById('a'+k);
			el.style.display=(k==num && el.style.display == 'none')?'block':'none';
		}
	}
}
</script>

</head>
<html>
<body>
<div>
<ul>[*]visualizza 1[*]visualizza 2[*]visualizza 3[/list]
</div>
</div>


<div id="a1" style="display:none">
<h2>111111111111111111</h2>
</div>
<div id="a2" style="display:none">
<h2>2222222222222222222</h2>
</div>
<div id="a3" style="display:none">
<h2>3333333333333333</h2>
</div>

</body>
</html>

ciao

**biribit** · 21-09-2006, 15:53

OK, perfetto.
Se voglio gestire più div quindi cambio solo il numero della var totale =3?

**biribit** · 21-09-2006, 16:08

Ho provato , funziona perfettamente.
Mille grazie!!!

Discussione: Elementi a comparsa

Strumenti discussione

Ricerca discussione

Visualizza

Elementi a comparsa

Re: Elementi a comparsa

Permessi di invio