[Dhtml] Menu a scomparsa che collabora poco.

[Nunkij]

Salve a tutti, sto facendo uno script che in base al valore inserito in una select mi deve far apparire o far scomparire una serie di div con id sequenziale.
Per intenderci se nella select c'è un 3 deve farmi apparire le div 1,2 e 3. Se poi cambio e metto 5 devo apparire anche 4 e 5. Se cambio ancora e metto 2 devono sparire 3,4 e 5.

Funziona tutto quanto ma c'è un problema: Se imposto valori alti nella select (il massimo è 12) e poi metto a zero, mi compare un bruttissimo spazio sotto l'header nella pagina Che non riesco a fare sparire. Da cosa dipende questo problema?
Grazie a chi mi dà una mano!

[Xinod]

posta lo script, di sicuro non c'e' il tempo di ricostruirlo da zero sperando di riprodurre il problema di cui parli!

[Nunkij]

allora genero le div attraverso php:

for ($iNumOptions=1;$iNumOptions<=MAX_POLL_OPTS;$iNumO ptions++){


echo "<div id='divOpt_" . $iNumOptions ."' style='visible:hidden;display:none;'> \n"
. " <div style='height:20px;width:30%;overflow: auto;float: left;' >Opzione " . $iNumOptions . "</div> \n"
. " <div style='height:20px;width:70%;overflow: auto;float: right;' ><input type='text' name='". POLLOPT_FORMFIELD_NAME . $iNumOptions ."' size='60'></div> \n"
. "</div> \n";

}

poi uso la seguente funziona javascript:



function showOptionFields(){

var iTotalOption=document.forms["frmEditorHtml"].selNumOptions.value;

var divOption;

for (i=1;i<=12;i++){

divOption=document.getElementById("divOpt_" + i);

if (i<=iTotalOption){

divOption.style.visibility="visible";
divOption.style.display="block";
}else{
divOption.style.visibility="hidden";
divOption.style.display="none";
}
}

}

spero che serva a qualcosa io nn riesco a capire dove sbaglio!

[Xinod]

la prossima volta posta il codice come lo riceve il browser

perche setti la visibility e il display?
il display da solo dovrebbe essere + che sufficiente

cmq va corretto visible in visibility nello stile in linea
e questo

 var iTotalOption=document.forms["frmEditorHtml"].selNumOptions.value;

a volerla dire tutta dovrebbe essere

iTotalOption=document.forms["frmEditorHtml"].selNumOptions.options[document.forms["frmEditorHtml"].selNumOptions.selectedIndex].value;

comunque sia il problema "bruttissimo spazio sotto l'header nella pagina" non lo riscontro, ma la tua pagina sicuramente non contiene solo questa roba e sara' + complessa a livello di layout...
cosi' non posso aiutarti

[Nunkij]

Lo so che non è molto dettagliato come descrizione. Ora provo ma postare tutto il file è un macello xké è molto lungo. In ogni caso opera e ie nn hanno questo problema, lo ha solo firefox!