Ir para conteúdo
Fórum Script Brasil
  • 0

Mudar Cor Dos Campos Se Desabilitado.


EDENUNCIO

Pergunta

Essa é a função em Java Script - ta tudo funcionando só quero q os campos quando estiverem desabilitados fiquem cinza mais escuro pra diferenciar dos campos habilitados, atualmente eles desabilitam mas ficam na cor dos outros campos dificultando ao usuario diferenciar um campo habilitado pra um desabilitado.

function desabilita() {

    if (document.resp.situacao.value == 'propria') {

        document.resp.vr_imovel.disabled= false;

    } else {

        document.resp.vr_imovel.disabled=true;

    }

        if (document.resp.situacao.value == 'alugada') {

            document.resp.vr_aluguel.disabled = false;

        } else {

            document.resp.vr_aluguel.disabled = true;

        }

            if (document.resp.situacao.value == 'financiada') {

              document.resp.vr_prestacao.disabled = false;

            } else {

                document.resp.vr_prestacao.disabled = true;

            }

}

Esse comando coloco no select

onclick="desabilita();"

Esse comando coloco nos campos q ficam todos desabilitados, dependendo da opção escolhida no select eles desabilitam ou habilitam

disabled="true"

Aguem pode me dizer onde devo alterar o meu script pra diferenciar os campos habilitados para os desabilitados.

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Olha, você sabe CSS? então, assumindo que você saiba crie duas classes habilitada e desabilitada

ai onde tiver o comando de disabled=true em baixo você coloca

document.nomeDoCampo.className = 'desabilitado';
e onde tiver disabled=false
document.nomeDoCampo.className = 'habilitado';

Qualquer coisa posta ae

Link para o comentário
Compartilhar em outros sites

  • 0

Tá bem, vamos lá

você coloca o seguinte codigo no cabeçalho da pagina

<style type="text/css">
.desabilitado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
                border: 1px solid #000000;
                background-color: #000000;
}
.habilitado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
                border: 1px solid #000000;
                background-color: #FFFFFF;
}
</style>
dai você ajusta o seu javascript
function desabilita() {
    if (document.resp.situacao.value == 'propria') {
        document.resp.vr_imovel.disabled= false;
        document.resp.vr_imovel.className= 'habilitado';
    } else {
        document.resp.vr_imovel.disabled=true;
        document.resp.vr_imovel.className= 'desabilitado';
    }
        if (document.resp.situacao.value == 'alugada') {
            document.resp.vr_aluguel.disabled = false;
            document.resp.vr_aluguel.className = 'habilitado';
        } else {
            document.resp.vr_aluguel.disabled = true;
            document.resp.vr_aluguel.className = 'desabilitado';
        }
            if (document.resp.situacao.value == 'financiada') {
              document.resp.vr_prestacao.disabled = false;
              document.resp.vr_prestacao.className = 'habilitado';
            } else {
                document.resp.vr_prestacao.disabled = true;
              document.resp.vr_prestacao.className = 'desabilitado';
            }
}

mais fácil assim né?

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...