Desabilitar campos do formulário

[Guest --proteggere --]

Eu estou tentando criar um código que desabilite os campos desnecessários no formulário (quero desabilitar as informções do pagamento para compras que ainda não foram pagas). Eu quero que campos como DATA DO PAGAMENTO, e VALOR DOS JUROS, sejam habilitados somente quando a compra for paga. Os códigos vão a seguir...

*********CÓDIGO JAVASCRIPT NO INICIO DA PÁGINA************

<script language=JavaScript>
function habilitapg(form) {
var assunto = form.cotf.selectedIndex;
if (form.cotf.options[assunto].value == 's'){ 
    form.cotd.disabled = false;
    form.cx.disabled = false;
    form.cote.disabled = false; }

if (form.cotf.options[assunto].value == 'n'){ 
    form.cotd.disabled = true;
    form.cx.disabled = true;
    form.cote.disabled = true; }
}      

</SCRIPT>

**********CAMPO QUE ESTABELECE SE A PARCELA FOI QUITADA**********

<tr bgcolor=#DDE4EE><td><b>Quitado</b></td><td style="font-family: Verdana; color: #000000;">
<SELECT name="cotf" onchange=habilitapg(this.form) size=1>
<OPTION value="n" selected>Não</OPTION>
<OPTION value="s">Sim</OPTION>
</SELECT> 
</td>
</tr>

*************** UM DOS CAMPOS QUE EU DEVEM SER DESABILITADOS**********************

<tr bgcolor=#DDE4EE><td><b>Data de Pagamento</b></td><td><input name='cotd' type='text' size='10' maxlength="10" onKeyUp="java script:nro(this); mascara('####/##/##',this);"><font size="1">  [ano/mês/dia]</font></td></tr>

**********

Bem quando eu seleciono no campo QUITADO a opção "Não" realmente o campo DATA DE PAGAMENTO fica desabilitado, porém eu gostaria que os campos já estivesem desabilitados desde quando a página fosse carregada. Como faço isso?

Editado Setembro 2, 2008 por fercosmig
Adicionar tag's

[JuanHBiscaia]

ao invés de disabled você aplica um estilo css que esconda o que você quer...

por exemplo, você faz isso no campo que deve ser escondido:

<div id='div_campos_escondidos' style="display:none;">
<tr bgcolor=#DDE4EE><td><b>Data de Pagamento</b></td><td><input name='cotd' type='text' size='10' maxlength="10" onKeyUp="java script:nro(this); mascara('####/##/##',this);"><font size="1"> [ano/mês/dia]</font></td></tr>
</div>

notou q eu coloquei tudo dentro de uma div ? e que o style da div por padrão é "none" ? não visivel... daí, no javascript, você muda para isso:

<script language=JavaScript>
function habilitapg(form) 
{
  var assunto = form.cotf.selectedIndex;  
  var div_campos_escondidos = getElementById('div_campos_escondidos');

  if (form.cotf.options[assunto].value == 's')
  {
     div_campos_escondidos.style.display = "block";
  }
  else if (form.cotf.options[assunto].value == 'n')
  {
    div_campos_escondidos.style.display = "none";
  }
}
</script>

dessa forma, ele já carrega a pagina com os campos escondidos, e quando o usuário selecionar a opção opção "sim" ele irá mostrar, mas se o usuário escolher "não" ele n mostra... entende ?

[jothaz]

**********

Bem quando eu seleciono no campo QUITADO a opção "Não" realmente o campo DATA DE PAGAMENTO fica desabilitado, porém eu gostaria que os campos já estivesem desabilitados desde quando a página fosse carregada. Como faço isso?

A sugestão do JuanHBiscaia també é aplicavel mas para fazer a parada acima faça asim:

<input disabled id="campo" name="campo" ...........>

Coloque disabled na TAG INPUT. Depois nanipule com javascript em tempo de execução.