Ir para conteúdo

POWERED BY:

Arquivado

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

Isabelly Lima

onclick no input type="text"?

Por , em Javascript

Recommended Posts

Isabelly Lima    0

Isabelly Lima
Postado

Há esse código de alterar um campo inativo:

<html> 

<head> 

<script type="text/javascript"> 

function editar() { 

var objtxt = document.getElementById("txtNome");

objtxt.disabled = false;

}

</script>

</head>

<body> 

Nome: <input name="txtNome" type="text" id="txtNome" value="####" disabled>

<br/><br/><INPUT TYPE="button" VALUE="Alterar" onclick="editar()">

</body> 

</html>

Porém eu gostaria de saber se há como o campo disabled="true" ficar disabled="false" ao clicar no próprio <input type="text" />

 

Existe alguma forma de fazer isso?

 

Se existir algo similar, pode postar também... todo código é bem vindo! :D


Compartilhar este post

Link para o post
Compartilhar em outros sites

paulojuchem    20

paulojuchem
Postado

 

...

Nome: <input name="txtNome" type="text" id="txtNome" value="####" onclick="editar()" disabled>
...

 

basta adicionar o evento click no text também

Compartilhar este post

Link para o post
Compartilhar em outros sites

Isabelly Lima    0

Isabelly Lima
Postado

Pois é, já tentei desse jeito..mas não funcionou :upset:

 

Assim não é?

<html> 
<head> 
<script type="text/javascript"> 
function editar() { 
var objtxt = document.getElementById("txtNome");
objtxt.disabled = false;
}
</script>
</head>
<body> 
Nome: <input name="txtNome" type="text" id="txtNome" value="####" onclick="editar()" disabled>
</body> 
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

paulojuchem    20

paulojuchem
Postado

 

<html>
<head>
<script type="text/javascript">
function editar() {
console.log('asdfg');
var objtxt = document.getElementById("txtNome");
objtxt.disabled = false;
}
</script>
</head>
<body>
    <div onclick="editar()">
        Nome: <input name="txtNome" type="text" id="txtNome" value="####" disabled>
    </div>
</body>
</html>

 

isso funciona se voce clicar ao redor, mas nao faz muito sentido o que voce quer fazer, o disabled é justamente para evitar o focus no elemento

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