Ir para conteúdo

POWERED BY:

Arquivado

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

Lilica Desenvolvimento

Text Field virar um Texto normal.

Recommended Posts

Ola Pessoal,Estou com um Formulario e tenho que fazer o seguinte, creio que tenho que usar sessão para isso, nao tenho certeza, mas de qualquer jeito segue a duvida.Preciso que um campo TEXTFIELD (o <INPUT ...></INPUT>) ao ser colocado os dados e clicar em "Confirma" eu quero que ele vire um Texto normal na Página. E ao clicar em Editar na mesma linha desse TEXTO ele volte para TextField para editar os dados...Alguem manja fazer isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para criar elementos HTML dinamicamente pelo Javascript, recomendo que você aprenda o DOM (Document Object Model), que é um padrão definido pela W3C para acessar os elementos de um documento XML (ou HTML, no caso).

 

Vou postar um exemplo simples de como fazer isso, aí você adapta às suas necessidades. Qualquer dúvida, pode perguntar...

 

<script type="text/javascript">

function confirmField(fieldId, button) {
 var field = document.getElementById(fieldId);
 if (!field) {
throw "Campo não encontrado!";
 }
 if (field.style.display != "none") {
field.style.display = "none";
button.value = "alterar";
var txt = document.createElement("span");
txt.appendChild(document.createTextNode(field.value));
field.parentNode.insertBefore(txt, field.nextSibling);
 } else {
field.style.display = "";
button.value = "confirmar";
field.parentNode.removeChild(field.nextSibling);
 }
}

</script>

<form>
 <label for="nome"><strong>Nome:</strong></label>
 <input type="text" name="nome" id="nome" value="" />
 <input type="button" value="confirmar" onclick="confirmField('nome', this);" />
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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