Sono alle prese con una finestra molto complessa in cui alcune parti devono apparire o meno a seconda di una selezione.

Per fare le prove, ho creato il seguente script che è molto più semplice, però con nn7 non funziona, perchè se cambi per più volte consecutive la selezione fra pippo e pluto le dimensioni della tabella aumentano, invece con ie funziona tutto bene.

per vedere l'esempio clicca qui

-------------------------------------------------------
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
function cambioOsi() {
osiValue = document.getElementById('osi').value;
if(osiValue=="1" ) {
document.getElementById('group3').style.display='i nline';
document.getElementById('group8').style.display='i nline';
}
else {
document.getElementById('group3').style.display='n one';
document.getElementById('group8').style.display='n one';
}
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#ffffff" >
<DIV ALIGN="center">
<FORM NAME="F_1" ID="F_1">
<TABLE BORDER="1" CLASS="tab" WIDTH="300">
<TR>
<TD>
<TABLE CELLSPACING="0" CELLPADDING="2" DATAPAGESIZE="2" BORDER="0">
<TR>
<TH ID="mandatory" NOWRAP WIDTH="100" align="right">Tipologia</TH>
<TD>
<SELECT NAME="osi" ID="osi" onchange="cambioOsi();" >
<OPTION VALUE="0" SELECTED></OPTION>
<OPTION VALUE="1">pippo</OPTION>
<OPTION VALUE="2">pluto</OPTION>
</SELECT>
</TD>
<TD NOWRAP ID="class1" STYLE="display:none">Anno origine</TD>
<TD ALIGN="left" ID="class2" STYLE="display:none"><INPUT TYPE="text" SIZE="6"></TD>
</TR>
</table>
<table border="1">
<TR ID="group3" STYLE="display:none" >
<TH ALIGN="right" ID="mandatory" WIDTH="100">Tipo UA</TH>
<TD COLSPAN=3>
<SELECT NAME="tipoAttributo" ID="tipoAttributo" >
<OPTION VALUE="0" SELECTED></OPTION>
<OPTION VALUE="1">Popolazione</OPTION>
<OPTION VALUE="2">flusso di eventi</OPTION>
</SELECT>
</TD>
</TR>
<TR ID="group8" STYLE="display:none">
<TH ALIGN="right" WIDTH="100">Tipo osservazione</TH>
<TD COLSPAN="3" NOWRAP>VA OSSERVATA INDIVIDUALMENTE</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM>
</DIV>
</BODY>
</HTML>
----------------------------------------------------------

In un'altra occasione avevo risolto sostituendo display con visibility ottenendo il risultato che segue, ma questa soluzione va bene solo se i campi nascosti sono pochi come nell'esempio, se sono tanti il risultato è orribile perchè si ottiene una finestra enorme con pochi campi visibili per ogni scelta. Quindi nel mio caso reale questa soluzione non va bene.

per vedere l'esempio clicca qui

--------------------------------------------------------------
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
function cambioOsi() {
osiValue = document.getElementById('osi').value;
if(osiValue=="1" ) {
document.getElementById('group3').style.visibility ='visible';
document.getElementById('group8').style.visibility ='visible';
}
else {
document.getElementById('group3').style.visibility ='hidden';
document.getElementById('group8').style.visibility ='hidden';
}
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#ffffff" >
<DIV ALIGN="center">
<FORM NAME="F_1" ID="F_1">
<TABLE BORDER="1" CLASS="tab" WIDTH="300">
<TR>
<TD>
<TABLE CELLSPACING="0" CELLPADDING="2" DATAPAGESIZE="2" BORDER="0">
<TR>
<TH ID="mandatory" NOWRAP WIDTH="100" align="right">Tipologia</TH>
<TD>
<SELECT NAME="osi" ID="osi" onchange="cambioOsi();" >
<OPTION VALUE="0" SELECTED></OPTION>
<OPTION VALUE="1">pippo</OPTION>
<OPTION VALUE="2">pluto</OPTION>
</SELECT>
</TD>
<TD NOWRAP ID="class1" STYLE="visibility:hidden">Anno origine</TD>
<TD ALIGN="left" ID="class2" STYLE="visibility:hidden"><INPUT TYPE="text" SIZE="6"></TD>
</TR>
</table>
<table border="1">
<TR ID="group3" STYLE="visibility:hidden" >
<TH ALIGN="right" ID="mandatory" WIDTH="100">Tipo UA</TH>
<TD COLSPAN=3>
<SELECT NAME="tipoAttributo" ID="tipoAttributo" >
<OPTION VALUE="0" SELECTED></OPTION>
<OPTION VALUE="1">Popolazione</OPTION>
<OPTION VALUE="2">flusso di eventi</OPTION>
</SELECT>
</TD>
</TR>
<TR ID="group8" STYLE="visibility:hidden">
<TH ALIGN="right" WIDTH="100">Tipo osservazione</TH>
<TD COLSPAN="3" NOWRAP>VA OSSERVATA INDIVIDUALMENTE</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM>
</DIV>
</BODY>
</HTML>
------------------------------------------------------------

C'è un modo per ottenere il risultato del primo esempio sia con nn7 sia con ie????

Aiutatemi per favore
Grazie