[Resolvido] Habilitar / Desabilitar campo INPUT

[jotaerre10 0]

Caros,

 

Como faço para habilitar um campo input ( que inicialmente vai estar desabilitado ) através de um link, essa seria a minha primeira dúvida, depois ( se puder ) como eu faria para ao clicar nesse link além de habilitar o input ele vira-se outro link

 

ex.:

antes do click = editar

depois do click = salvar

 

Se puderem me passar uma referência, um artigo, qualquer coisa pra ajudar!

Desde já agradeço,

[Go Back 0]

<span id="troca" onclick="troca('on')"><a href='editar.php'>Editar</a></span>
<input type='button' name='cancelar' value'Cancelar' onclick="troca('off')" />

 

function troca(op){
  if(op == 'on'){
     document.getElementById("troca").innerHTML = "<input type='submit' name='salvar' value'Salvar' />";
     document.getElementById("nome_input").disabled = false; // Habilitar
  }else{
     document.getElementById("troca").innerHTML = "<a href='editar.php'>Editar</a>";
     document.getElementById("nome_input").disabled = true; // Desabilitar
  }  
}

[William Bruno 1501]

Como faço para habilitar um campo input ( que inicialmente vai estar desabilitado ) através de um link, essa seria a minha primeira dúvida

dispare uma função no evento onclick do teu 'link'.

Essa função deve acessar o atributo .disabled do input e setá-lo para false (assim você habilita o input)

 

além de habilitar o input ele vira-se outro link

altere o atributo .value do teu input.

[Henrique Barcelos 290]

Algumas aterações no código do colega @Go Back

function troca(op){
  if(op == 'on'){
     document.getElementById("troca").innerHTML = "<button type='submit' name='salvar'>Salvar</button>";
     document.getElementById("nome_input").setAttribute('disabled', 'disabled'); // Habilitar
  }else{
     document.getElementById("troca").innerHTML = "<a href='editar.php'>Editar</a>";
     document.getElementById("nome_input").removeAttribute('disabled'); // Desabilitar
  }  
}

[jotaerre10 0]

vlw cara, Obrigado.