texto que se transforma em <input type="text"> ao ser

[bonfarj 0]

Alguém sabe como fazer isso?

 

vamos supor que temos o seguinte html:

 

...Nome: <div onClick="teste()">José da Silva</div>...

ao clicarmos no nome "José da Silva", o div seria alterado para um <input>:

 

 

...Nome: <input type=text name="nome" value="José da Silva">...

A mudança seria feita sem dar reload na página, por isso acredito que devemos usar o AJAX. Sabendo fazer essa mudança eu consigo fazer o resto, usaria um botão para o cara clicar e atualizar o banco de dados. Alguém pode me ajudar? :lol:

 

abraços a todos!

[Fleury 3]

<script>function edit(divId, field, editTextName) {  currentValue = field.innerHTML;  document.getElementById(divId).innerHTML = '<input type="text" name="' + editTextName + '" value="' + currentValue + '" onBlur="applyChange(this, \'' + divId + '\')">';}function applyChange(field, divId) {  newValue = field.value;  eval("document.getElementById('" + divId + "').innerHTML = '" + newValue + "'");}</script>Nome: <div id="nome"><span onclick="edit('nome',this,'clienteNome')">José da Silva</span></div>

Não necessita de Ajax.

 

Movido http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Dinâmico: Javascript / DHTML

[bonfarj 0]

Sensacional, é exatamente o que eu queria!!muito obrigado!! http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

<script>function edit(divId, field, editTextName) {  currentValue = field.innerHTML;  document.getElementById(divId).innerHTML = '<input type="text" name="' + editTextName + '" value="' + currentValue + '" onBlur="applyChange(this, \'' + divId + '\')">';}function applyChange(field, divId) {  newValue = field.value;  eval("document.getElementById('" + divId + "').innerHTML = '" + newValue + "'");}</script>Nome: <div id="nome"><span onclick="edit('nome',this,'clienteNome')">José da Silva</span></div>

Não necessita de Ajax.Movido http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Dinâmico: Javascript / DHTML