display:none

[Alberto]

Con questa funzione riesco a far apparire il contenuto del div

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

aaa

<div style="display:none" id="tt">aaaaa</div>

sss
<div style="display:none" id="ss">sssss</div>

Vorrei però che cliccando sul secondo div il primo scomparisse e viceversa...
Qualcuno sa come modificare questo script

[Alberto]

up

[pirolisi]

se ti basta limitato a quesi due campi
potresti fare cosi...

<script language="javascript">
function mostra(id,id1){
if (document.getElementById){
if(document.getElementById(id).style.display == 'none'){
document.getElementById(id).style.display = 'block';
document.getElementById(id1).style.display = 'none';
}else{
document.getElementById(id).style.display = 'none';
}
}
}
</script>


altrimenti usare un ciclo for che nasconde tutti i div presenti

Ciauz

[Alberto]

No, magari fosse solo x 2 campi...
al momento ne ho 30

[pirolisi]

<script language="javascript">
function mostra(id){
if (document.getElementById){
if(document.getElementById(id).style.display == 'none'){
document.getElementById(id).style.display = 'block';
var id1 = 1;
while(document.getElementById(id1)){
if(id1!=id){
document.getElementById(id1).style.display = 'none';
}
id1=id1+1;
}

}else{
document.getElementById(id).style.display = 'none';
}
}
}
</script>
1

<div style="display:none" id="1">1</div>

1

<div style="display:none" id="2">1</div>

1

<div style="display:none" id="3">1</div>

1

<div style="display:none" id="4">1</div>

1

<div style="display:none" id="5">1</div>



vedi un po se cosi va bene...

ne puoi mettere infiniti!!

cmq è un idea... poi magari fai un codice piu pulito.

[Alberto]

E' perfetto, proprio quello che mi serviva

Grazie.

[cinghialotto35]

e se adesso volessi aggiungere un div?
mi spiego meglio

<div style="display:none" id="1">prova1</div>
<div style="display:none" id="b1">prova6</div>
<p>
  <input type="checkbox" name="checkbox" value="y" onclick="mostra('1'); return true;">
</p>
<div style="display:none" id="2">prova2</div>
<div style="display:none" id="b2">prova7</div>
<p>
  <input type="checkbox" name="checkbox" value="y" onclick="mostra('2'); return true;">    
</p>
<div style="display:none" id="3">prova3</div>
<div style="display:none" id="b3">prova8</div>

<p>
  <input type="checkbox" name="checkbox" value="y" onclick="mostra('3'); return true;">    
</p>
<div style="display:none" id="4">prova4</div>
<div style="display:none" id="b4">prova9</div>

<p>
  <input type="checkbox" name="checkbox" value="y" onclick="mostra('4'); return true;">    
</p>
<div style="display:none" id="5">prova5</div>
<div style="display:none" id="b5">prova10</div>
<p>
  <input type="checkbox" name="checkbox" value="y" onclick="mostra('5'); return true;">    
</p>

Quando le checkbox non sono ceccate mi visualizza i div 1 2 3 4 5 mentre a seconda di quale checkbox vado a selezionare mi visualizza il div bx e mi nasconde il div numerico.
Esempio seleziono la checkbox n° 3 mi nasconde il Div 3 e mi visualizza il Div b3

ciao

[br1]

e se adesso volessi aggiungere un div?
mi spiego meglio
...

Non si riesumano vecchie discussioni, aprine una nuova tutta tua.