Div hidden/visible [non và]

[mrcanoa]

Ciao ragazzi,ciao a tutta la lista,

provavo a fare una cosa del genere:

<tr>
<td>
<select name="prev" onChange="togli()">
<option selected></option>
<option value="SI">SI</option>
<option value="NO">NO</option>
</select>
</td>
<div id="toglitutto">
<td>
campo 1
</td>
<td>
campo 2
</td>
<td>
campo 3
</td>
</div>
</tr>

con questa function

function togli(){
if(document.ins.prev.value=='SI'){
document.getElementById('toglitutto').style.displa y=''
}
else
{
document.getElementById('toglitutto').style.displa y='none'
}
}

ma cambiando lo stato della select non succede niente.Cosa Sbaglio???


Grazie David

[Mich_]

if(document.ins.prev.options[document.ins.prev.selectedIndex].value=='SI'){
document.getElementById('toglitutto').style.displa y='block';
}else {
document.getElementById('toglitutto').style.displa y='none';
}

[mrcanoa]

avevo fatto 2000 prove in tutti i modi ma rimane sempre visualizzato...Bhooo...

[Xinod]

credo che un div che spezzi la struttura logica di una tabella non sia molto corretto
explorer potrà pure fartelo passare ma non ti meravigliare se altri browser dovessero reagire diversamente

[mrcanoa]

Hai ragione xinod ma faccio una cosa del genere perchè sò che deve girare solo in locale su explorer...altrimenti chi si azzarda...però resta il fatto che non me lo nasconde...come potrei risolvere??

[Mich_]

Come dire: so che e` sbagliato, ma lo faccio lo stesso. Solo non capisco perche` non funziona.

Dovresti applicare il display a tutti gli oggetti che vuoi mostrare/nascondere.

Se sono dei <tr> puoi usare block/none; se sono dei <td> devi invece usare inline/none

Esempio:
<td id="R1C1">
<select name="prev" onChange="togli(this,'R1C')">
<option selected></option>
<option value="SI">SI</option>
<option value="NO">NO</option>
</select>
</td>
<td id="R1C2">
campo 1
</td>
<td id="R1C3">
campo 2
</td>
<td id="R1C4">
campo 3
</td>


lo script:

function togli(ss,idd){
  var cosa = (ss.options[ss.selectedIndex].value=='SI') ? 'inline' : 'none';

  for (var i=2; i<=4; i++) {
    document.getElementById(idd+i).style.display = cosa;
  }
}

[mrcanoa]

Sai quale è la cosa strana Mich,

è che ero riuscito a nasconderlo (non mi chiedere come ), ma avendo fatto delle modifiche senza aver tenuto traccia ( ) di quello che avevo fatto mi ricordo solo che avevo cambiato il modo di nascondere qui

function togli(){
if(document.ins.prev.options[document.ins.prev.selectedIndex].value=='SI'){
document.getElementById('hidden_prev').style.displ ay='block';
}
else
{
document.getElementById('hidden_prev').style.displ ay='none';
}
}
invece dello style.display avevo utilizzato ... non ricordo... forse mi viene no...niente...

Grazie Cmq

[Mich_]

display toglie/inserisce il div dalla struttura della pagina.
Se vuoi solo visualizzare/nascondere devi usare visibility: visible|hidden (in JS ...style.visibility = 'visible'|'hidden').

Non so se era questo che chiedevi.

[mrcanoa]

No, ora sto utilizzando questo ma non me lo nasconde, avevo utilizzato uno span o qualcosa...bhoooo...sai cosa faccio racchiudo tutto il contenuto in una table e la nascondo ...forse faccio prima...

Grazie...

[Mich_]

Le table innestate non sono una bella cosa.
Se vuoi puoi inserire uno span dentro ogni cella, e nascondere /visualizzare quelli. Pero` devono avere tutti un id diverso, per cui non credo cambi molto rispetto a fare quello che ti avevo detto sopra (un ciclo che nasconde i vari <td> ).

Poi dipende da che compatibilita` vuoi. In questo momento io sto pensando a browser di nuova generazione (IE6+ N7+ Moz1.1+ Opera7+, ...); per quelli piu` vecchi ci possono essere dei problemi.