Script JS su FF e IE

[Ruben Elmo]

Salve,
ho questo script JS:

function pass()
{    var num = document.getElementById('num_pass').value;
    document.getElementById('pass').style.display='block';
    
    if(num=='Seleziona...') document.getElementById('pass').style.display='none';
    else
    {    for(i=0;i<10;i++)
        {    if(i<num)
                document.getElementById('pass_' + i).style.display='block';
            else
                document.getElementById('pass_' + i).style.display='none';
        }
    }
    if(parseInt(num)>2) document.getElementById('tre').style.display='block';
            else document.getElementById('tre').style.display='none';
} 

Che richiamo in questo modo:

echo "<div style=\"float:right;margin-right:5px\">";
echo "<div class=\"PASSEGGERI\">

<label for=\"n\" style=\"color:#CCCCCC\">Numero passeggeri</label>";
echo "<SELECT name=\"Pass\" id=\"num_pass\" onchange=\"pass()\" style=\"font-weight:bold\">";
echo "<OPTION value=\"Seleziona...\"> Seleziona... </OPTION>";
for($i=1;$i<=10;$i++)
echo "<OPTION value=\"$i\">$i</OPTION>";
echo "</SELECT></p></div>  ";
echo "</div>"; 

Però ho notato che funziona con Mozilla Firefox e non su Internet Explorer!

C'è qualcosa di sbagliato?

Grazie

[homezappa]

C'è qualcosa di sbagliato?

Certo, che c'è qualcosa di sbagliato, in Internet Explorer!
Per quanto riguarda i campi delle form, Internet Explorer "ha" i name e gli id nello stesso namespace, quindi se tu esegui:

    document.getElementById('pass').style.display='block'; 

Qual è l'oggetto che prenderà .style.display='block'?
Normalmente dovrebbe essere (ed è in tutti i browsers 'seri') l'oggetto che ha id uguale a 'block', ma in Internet Explorer, se c'è un campo di una form che ha name uguale a 'block', beh, quello è l'oggetto!

Soluzione?
Beh, io di solito metto name = id, così non ci penso più
Ti consiglio di modificare il tutto in maniera che, a causa di Internet Explorer che ha i names e gli id dei campi delle forms nello stesso namespace, non ci siano MAI due oggetti che hanno rispettivamente name uguale a id dell'altro!
Un'ultima cosa: Internet Explorer è case independent nella ricerca di un oggetto con la getElementById(), quindi fare:

var o = document.getElementById('pass'); 

restituirà anche il campo della form che ha name='Pass', ma anche name='PASS' e così via...

HTH
Zappa