ancora display...

[Francis87]

ciao

come posso fare in modo ke premendo un bottone o link, un <div> venga mostrato e gli altri due no?

nel senso... io ho già fatto la prima parte dello script, quella ke mi mostra un certo div a partire dal link. ma nn so come fare x "oscurare" gli altri div!


grazie a tt coloro ke mi aiuteranno!!

[Reale_Augello]

... così:

<script language="JavaScript">

function Attiva(idlivello) {
 var livelli=document.getElementsByTagName('div');
 for (i=0; i<livelli.length; i++)
  if (livelli[i].id.indexOf("livello")!=-1) {
   if (livelli[i].id==idlivello) livelli[i].style.visibility='visible';
    else livelli[i].style.visibility='hidden';
  }
}

</script>

Il richiamo è questo:

<input type="button" value="Attiva livello1" onClick="Attiva('livello1');">

Ho inoltre supposto che i tuoi livelli abbiano come id "livello1", "livello2" e "livello3".

Ciao !

[Francis87]

grazie!

ma io in quella pagina ho anke un altro <div> ke non dovrebbe esser toccato da questo script... può disturbare??

[Reale_Augello]

Originariamente inviato da Francis87
grazie!

ma io in quella pagina ho anke un altro <div> ke non dovrebbe esser toccato da questo script... può disturbare??

L'importante è che il suo id non inizi con la stringa "livello".

[Francis87]

beh, allora nn mi va!

[Reale_Augello]

... funziona tutto bene:

http://www.maiueb.it/forumhtmlit/francis87.htm

[Francis87]

<script language="JavaScript" type="text/JavaScript">

function Attiva(idlivello) {
var livelli=document.getElementsByTagName('div');
for (i=0; i<livelli.length; i++)
if (livelli[i].id.indexOf("livello")!=-1) {
if (livelli[i].id==idlivello) livelli[i].style.visibility='visible';
else livelli[i].style.visibility='hidden';
}
}

</script>
...
<div align="right" id="lang">it en de</div>
<div id="livello1">
<p class="title">CHI diavolo SONO</p>


Ciao, sono Francesco.</p>
</div>
<div id="livello2">
<p class="title">WHO AM I</p>


Hi, I'm Francesco.</p>
</div>
<div id="livello3">
<p class="title">WER BIN ICH</p>


Hallo, ich bin Francesco.</p>
</div>

[Francis87]

nel css ho

#lang
{
margin-right: 20px;
}

#livello2
{
display: none;
}

#livello3
{
display: none;
}

e nn mi mostra i layer quando faccio click! scompare il primo, ma gli altri nn ci sn!!

[Reale_Augello]

http://www.maiueb.it/forumhtmlit/francis87.htm

[Francis87]

ok ho copiato la funzione, ed il rikiamo dalla pagina ke mi hai offerto!

l'unico problemuccio è ke non mi funziona ancora, dando lo stesso errore di prima!!

nell'esempio ogni div ha il suo spazio e vengono mostrati là.
si può fare si ke ognuno vada nello spazio del primo???

perchè ho un iframe senza scrolling e mi servirebbe una cosa così!

grazie 10000!!!