Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

matinha

[Resolvido] set readonly através de Javascript

Por , em Javascript

Recommended Posts

matinha    0

matinha
Postado

olá a todos, tenho 2 inputs, o utilizador preenche-os e depois carrega em um botao, queria que esse botão adicionasse o atributo read-only aos inputs e depois tenho outro botao que retira o read-only.

 

os meus inputs estao assim:

 

input class="inputs_order" id="input_1" type="text" maxlength="12" size="12" onkeyup="validNumber()" onfocus="on_focus1(this)"

input class="inputs_numb" id="input_2" type="text" onkeyup="validNumber()" onfocus="on_focus(this)"

 

e tenho tentado com este código:

 

document.getElementById('input_1').setAttribute('readonly',readonly);

document.getElementById('input_2').setAttribute('readonly',readonly);

 

Abraço e obrigado antecipado

 

matinha

Compartilhar este post

Link para o post
Compartilhar em outros sites

iRCC    0

iRCC
Postado

Em todos os casos assim está funcionando

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Hello!</title>
  <script type="text/javascript">
   function atribui(){

		document.getElementById('input_1').setAttribute('readonly',true);
		document.getElementById('input_2').setAttribute('readonly',true);

   }
</script>
</head>

<body>
<input id="input_1" type="text" maxlength="12" size="12"/>
<input id="input_2" type="text"  />
<input type="button" value="oi" onclick="atribui()"/>
</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

matinha    0

matinha
Postado

:( ...deixa lá...como nao funcionava fiz com o disabled...document.getElementById('input_1').disabled = "disabled"....mas o numero que está neste input fica meio cinzento...dá para mudar a cor...tipo fica disabled mas fica com a aparencia de como esteja normal.

 

matinha

Compartilhar este post

Link para o post
Compartilhar em outros sites

iRCC    0

iRCC
Postado

hm.... nunca tentei isso mas é questão de você ver... faça 

document.getElementById('input_1').style.backgroundColor= 'cor';

testei aqui e funcionou.

Compartilhar este post

Link para o post
Compartilhar em outros sites

matinha    0

matinha
Postado

olá, afinal dava para fazer no IE através de:

 

document.getElementById("input_1").readOnly = true;

 

e já funciona :)

 

mto obrigado pela ajuda

 

matinha

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito