Tornando Um Text Readonly Utilizando Função

Fabiana Silva · Novembro 24, 2004

Ola pessoal,

estou com probleminha se alguém puder me ajudar.

tenho um formulario com um Group Radio, este podera ter dois valores (S ou N)

existe um tambem um text.

O que eu tentei fazer foi o seguinte

Se o usuário optar pelo radio de value N, meu text fica readonly se o value for S o text recebe readonly = true

o problema é o tipo de evento utilizado no radio para atribuir a função.

Inicialmente utilizei onChange, a função foi chamada, mas foi meia boca. tentei onExit, mas não funcionou tambem

Existe um evento tipo aposAtualizar? alguém tem alguma ideia?

brigadinha

Fabi

Crystian · Novembro 24, 2004

tenta utilizar o onBlur, que é quando o usuário sai do campo(perda do foco no campo) . Tb daria pra ti testar com o onclick.

Abraço

Crystian

Fabiana Silva · Novembro 24, 2004

Bacana Crystian, o onBlur era realmente o que eu precisava.

No entanto minha função não funciona ...

Como eu não trabalho muito com web, talvez meu raciocinio pra montar a função esteja errado.

estou postando o que eu fiz (não riam se estiver ridículo, rsrsrs) para que vocês possam ver se eu estou viajando muito na maionese.

<script language="JavaScript">
function desabilita(valor) {
	alert(valor)

    if (valor == "N")  {
  alert("entrou em N")
        document.form_material.Escola_em2003.readonly = false;
    } else {
  alert("entrou em s")
        document.form_material.Escola_em2003.readonly = true;

    }
}
</script>

<input type="radio" name="em_0304"  onBlur="desabilita('S');"  value="S">

Fabi

Crystian · Novembro 24, 2004

Fabi coloca todo teu código, quero ver teu form e tb o teu text e tb se você tem outro radio.

Atua lógica não está errada, talvez a tua colocação esteja errada.

Abraço

Fabiana Silva · Novembro 24, 2004

bom vamos lá

estou colocando apenas o form, pois o código é imenso ....

espero que ajude

<form name="form_material" method="post" action="form_ficha_p4_ex.asp">
                    <table width="100%" border="0" cellspacing="0" cellpadding="1" align="center" height="446">
                      <tr> 
                        <td > <table width="100%" border="1" height="50" cellpadding="1" cellspacing="0" bordercolor="#CCCCCC">
                            <tr> 
                              <td> <div align="center"><font face="verdana" size="2"><%=nome_promocao%> 
                                  </font></div></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td ></td>
                      </tr>
                      <tr> 
                        <td > <table width="100%" border="0" cellspacing="0" cellpadding="0" height="386">
                            <tr> 
                              <td > <table width="100%" border="1" bordercolor="#CCCCCC" cellspacing="0" cellpadding="1">
                                  <tr> 
                                    <td height="12" bgcolor="#CCCCCC" width="100%"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Nome:<b> 
                                      <%=nome_estudante%> </b> </font></td>
                                  </tr>
                                  <tr> 
                                    <td width="100%" height="12" bgcolor="#CCCCCC"> 
                                      <div align="left"></div></td>
                                  </tr>
                                  <tr> 
                                    <td width="100%" height="171" bgcolor="#E5E5E5"> 
                                      <table width="100%" height="30" border="0" cellpadding="0" cellspacing="2" bordercolor="#999999">
                                        <tr> 
                                          <td width="50%" bgcolor="#CCCCCC"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">1) 
                                            Cursou o 2&ordm; e 3&ordm; ano do 
                                            EM respectivamente em 2003 e 2004?</font> 
                                            <div align="center"></div>
                                            <div align="center"></div></td>
                                          <td width="45%" bgcolor="#CCCCCC"> 
                                            <table width="160" align="left">
                                              <tr> 
                                                <td width="80"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                                                  <label> 
                                                  <input type="radio" name="em_0304"  onBlur="desabilita('s');"  value="S">
                                                  Sim</label>
                                                  </font></td>
                                                <td width="67"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                                                  <input name="em_0304" type="radio" onBlur="desabilita('n');" value="N">
                                                  Não</font></td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>
                                      <table width="100%" height="10" border="0" cellpadding="0" cellspacing="0">
                                        <tr> 
                                          <td bgcolor="#CCCCCC"></td>
                                        </tr>
                                      </table>
                                      <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                        <tr> 
                                          <td height="28"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Escola 
                                            2003:</font></td>
                                          <td width="366"> <div align="left"> 
                                              <input name="Escola_em2003" type="text" size="54"height="15" maxlength="255">
                                            </div></td>
                                        </tr>
                                        <tr bgcolor="#CCCCCC"> 
                                          <td height="28"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Tipo:</font></td>
                                          <td> 
                                            <div align="left"> 
                                              <table width="100%" align="left">
                                                <tr> 
                                                  <td width="27%"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                                                    <label> 
                                                    <input type="radio" name="tipo_escola_em2003" value="Particular">
                                                    Particular</label>
                                                    </font></td>
                                                  <td width="73%"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                                                    <input type="radio" name="tipo_escola_em2003" value="Pública">
                                                    Pública</font></td>
                                                </tr>
                                              </table>
                                            </div></td>
                                        </tr>
                                        <tr> 
                                          <td width="52" height="28"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Escola 
                                            2004:</font></td>
                                          <td> <div align="left"> 
                                              <input name="Escola_em2004" type="text" size="54"height="15" maxlength="255">
                                            </div></td>
                                        </tr>
                                        <tr bgcolor="#CCCCCC"> 
                                          <td height="28"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Tipo:</font></td>
                                          <td> 
                                            <div align="left"> 
                                              <table width="100%" align="left">
                                                <tr> 
                                                  <td width="27%"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                                                    <label> 
                                                    <input type="radio" name="tipo_escola_em2004" value="Particular">
                                                    Particular</label>
                                                    </font></td>
                                                  <td width="73%"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                                                    <input type="radio" name="tipo_escola_em2004" value="Pública">
                                                    Pública</font></td>
                                                </tr>
                                              </table>
                                            </div></td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                  <tr> 
                                    <td bgcolor="#E5E5E5" width="100%"> <div align="center"> 
                                        <table width="100%" height="30" border="0" cellpadding="0" cellspacing="1" bordercolor="#CCCCCC">
                                          <tr bgcolor="#CCCCCC"> 
                                            <td width="50%"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">2) 
                                              Foi aprovado nas primerias fases 
                                              ou fase &uacute;nica de alguma <strong>Universidade 
                                              P&uacute;blica </strong>no Brasil?</font> 
                                              <div align="center"></div>
                                              <div align="center"></div></td>
                                            <td width="45%"> 
                                              <table width="160" align="left">
                                                <tr> 
                                                  <td width="80"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                                                    <label> 
                                                    <input type="radio" name="Aprovado" value="S">
                                                    Sim</label>
                                                    </font></td>
                                                  <td width="67"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                                                    <input type="radio" name="Aprovado"  onclick="desabilita();" value="N">
                                                    Não</font></td>
                                                </tr>
                                              </table></td>
                                          </tr>
                                          <tr> 
                                            <td colspan="2"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                                                <tr> 
                                                  <td width="46" height="28"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Univ.:</font></td>
                                                  <td width="313"> <div align="left"> 
                                                      <input name="aprovado_faculdade" type="text" size="50"height="15" maxlength="255">
                                                    </div></td>
                                                </tr>
                                              </table></td>
                                          </tr>
                                        </table>
                                      </div></td>
                                  </tr>
                                  <tr>
                                    <td bgcolor="#E5E5E5"><table width="100%" height="30" border="0" cellpadding="0" cellspacing="1" bordercolor="#CCCCCC">
                                        <tr bgcolor="#CCCCCC"> 
                                          <td width="50%"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">3) 
                                            Cursou pelo menos 1 semestre desde 
                                            2001 de alguma <strong>Universidade 
                                            P&uacute;blica </strong>no Brasil?</font> 
                                            <div align="center"></div>
                                            <div align="center"></div></td>
                                          <td width="45%"> <table width="160" align="left">
                                              <tr> 
                                                <td width="80"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                                                  <label> 
                                                  <input type="radio" name="Universidade" value="S">
                                                  Sim</label>
                                                  </font></td>
                                                <td width="67"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                                                  <input type="radio" name="Universidade" value="N">
                                                  Não</font></td>
                                              </tr>
                                            </table></td>
                                        </tr>
                                        <tr> 
                                          <td colspan="2"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                                              <tr> 
                                                <td width="39" height="28"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Univ.:</font></td>
                                                <td colspan="3"> <div align="left"> 
                                                    <input name="uni_faculdade" type="text" size="50"height="15" maxlength="255">
                                                  </div></td>
                                              </tr>
                                              <tr> 
                                                <td height="28"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Curso</font></td>
                                                <td width="180"><input name="uni_curso" type="text" size="30"height="15" maxlength="255"></td>
                                                <td width="37"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Ano:</font></td>
                                                <td width="103"><input name="uni_ano" type="text" size="10"height="15" maxlength="255"></td>
                                              </tr>
                                            </table></td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                  <tr>
                                    <td bgcolor="#E5E5E5">&nbsp;</td>
                                  </tr>
                                </table>
                                <table width="100%" border="1" cellspacing="0" cellpadding="1" bordercolor="#CCCCCC" height="44">
                                  <tr bgcolor="#CCCCCC"> 
                                    <td width="525" height="50" colspan="2"> <div align="right"> 
                                        <font face="Arial, Helvetica, sans-serif" size="-2" color="#434476"><b> 
                                        <input type="hidden" name="codigo" value="<%=codigo%>">
                                        <input type="hidden" name="cod_estudante" value="<%=cod_estudante%>">
                                        <input type="hidden" name="cpf_resp" value="<%=cpf_resp%>">
                                        <font face="Arial, Helvetica, sans-serif" size="-2" color="#434476"><b> 
                                        <input type="hidden" name="usuario" value="<%=usuario%>">
                                        <input type="hidden" name="cod_promo" value="<%=cod_promo%>">
                                        <input type="hidden" name="qtddPV" value="<%=qtddPV%>">
                                        <input type="hidden" name="qtddPVAT" value="<%=qtddPVAT%>">
                                        <input type="hidden" name="nomeButton" value="<%=nomeButton%>">
                                        <input type="hidden" name="nome_promocao" value="<%=nome_promocao%>">
                                        <input type="hidden" name="quest3" value="<%=quest3%>">
                                        </b></font> </b></font> 
                                        <input type="submit" name="Submit2" value="<%=nomeButton%>" class="botao_form">
                                        <font face="Arial, Helvetica, sans-serif" size="-2" color="#434476"><b> 
                                        </b></font> </div></td>
                                  </tr>
                                </table></td>
                            </tr>
                            <tr> 
                              <td > </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="2" > </tr>
                    </table>
                  </form>

muitos e muitos obrigada

Crystian · Novembro 24, 2004

pelo que vi você tah passando "s" minúsculo e "n" tb minúsculo e lá na function você tah testando com maiúsculo. O JS é case sensitive.

Troca e vê se funciona...

Abraço

Crystian

Fabiana Silva · Novembro 24, 2004

então, isso eu arrumei

e ficou na mesma!!!!

Crystian · Novembro 24, 2004

Mais uma coisa...

readOnly com o "O" maiúsculo....

Testei no Mozilla e funcionou teu código....

Abraço

Crystian

Fabiana Silva · Novembro 24, 2004

Olha só.....

não iria descobrir nunca que era o "Ozinho" e tinha que ser "Ózão" risos ...

funionou bunitinho, agora é só fazer todo o resto.

Muiiiiitissimo obrigada

Crystian · Novembro 24, 2004

há poucos dias tive o mesmo problema, acabei passando uma solução com uma propriedade com uma letra em minusculo e não funcionava, até agente descobrir q era isso perdemos um tempão...

Cuide agora....hehehehe

Abraço

Crystian

Entrar

Tornando Um Text Readonly Utilizando Função

Pergunta

Fabiana Silva

Link para o comentário

Compartilhar em outros sites

9 respostass a esta questão

Posts Recomendados

Crystian

Link para o comentário

Compartilhar em outros sites

Fabiana Silva

Link para o comentário

Compartilhar em outros sites

Crystian

Link para o comentário

Compartilhar em outros sites

Fabiana Silva

Link para o comentário

Compartilhar em outros sites

Crystian

Link para o comentário

Compartilhar em outros sites

Fabiana Silva

Link para o comentário

Compartilhar em outros sites

Crystian

Link para o comentário

Compartilhar em outros sites

Fabiana Silva

Link para o comentário

Compartilhar em outros sites

Crystian

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades