Link para ativar a edição de um campo com valor pré-definido

[caioroma]

Boa tarde à todos,

Estou com a seguinte situação:

Necessito de criar um link (clique aqui) e quando esse link for clicado pelo usuário, um campo logo acima deste link (que já tem alguma informação) possa ser liberado para edição do usuário. Assim o usuário pode modificar a informação deste campo e salvar esta nova informação. Isso é possível?

Como poderia estar trabalhando em cima dessa idéia?

Desde já, obrigado!

[Michael Douglas]

Bem e possível sim.

Vou lhe mostrar como fazer isso de duas maneiras.

A primeira usando jQuery.

neste exemplo o seu campo seria esse.

 <input type="text" value="Valor pré-definido" id="campo" disabled>

esse seria seu link

 <a href="#" id="ativar">Clique Aqui</a>

e essa a função que liberaria a edição.

<script type="text/javascript">
$(function(){
 $("#ativar").click(function(){
  $("#campo").prop('disabled',false);
 });
});
</script>

caso queira a função em javascript puro seria

seu link.

 <a href="javascript:void(0);" onClick="ativar();">Cliquei Aqui</a>

a função que libera a edição

<script type="text/javascript">
function ativar()
{
 document.getElementById("campo").disabled=false;
}
</script>

Caso não funcione me desculpe, e que não tive tempo de testar o código.

Editado Janeiro 13, 2014 por Michael Douglas