Text Field virar um Texto normal.

[Lilica Desenvolvimento 0]

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?

[Lilica Desenvolvimento 0]

Ninguem???

[Lilica Desenvolvimento 0]

http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

[Illidan 0]

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>