Paulo H S Salvatore Postado Setembro 29, 2011 Denunciar Share Postado Setembro 29, 2011 Bom dia senhores,Consegui um código que você clica em um título e aparece um campo pra editar aquele título.Gostaria que essa função fosse aplicada a um texto e, ao clicar nesse texto, exibisse, no lugar, um código HTML que eu programarei antes.Se ajudar, a função que tenho é essa:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Texto editável com JavaScript</title> <style type="text/css"> h1 { font:normal 2.4em/1.6 georgia, "times new roman", "bitstream vera serif", times, serif; color:#900; } </style> <script type="text/javascript"> window.onload = function(){ function editTitle(){ var title = document.getElementsByTagName('h1')[0]; var span = title.firstChild; span.onmouseover = function(){ this.title = 'Clique para editar o texto'; this.style.background = '#f5f5f5'; } span.onmouseout = function(){ this.title = ''; this.style.background = ''; } span.onclick = function(){ var textoAtual = this.firstChild.nodeValue; var input = '<input type="text" name="1" value="'+textoAtual+'">'; this.innerHTML = input; var field = this.firstChild; this.onclick = null; this.onmouseover = null; field.focus(); field.select(); field.onblur = function(){ this.parentNode.innerHTML = this.value; editTitle(); } } } editTitle(); } </script> </head> <body> <h1><span>Edite este título</span></h1> </body> </html>Créditos: CodigoFonteObrigado desde já senhores. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 vini_loock Postado Outubro 31, 2011 Denunciar Share Postado Outubro 31, 2011 Isso é javascript, tem que prestar mais atenção nisso, fica até ruim pra você porque as vezes o pessoal do Java não pode te ajudar.Tenta esse código aki:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Texto editável com JavaScript</title> <style type="text/css"> h1 { font:normal 2.4em/1.6 georgia, "times new roman", "bitstream vera serif", times, serif; color:#900; } </style> <script type="text/javascript"> window.onload = function(){ function editTitle(){ var title = document.getElementsByTagName('p')[0]; var span = title; span.onmouseover = function(){ this.title = 'Clique para editar o texto'; this.style.background = '#f5f5f5'; } span.onmouseout = function(){ this.title = ''; this.style.background = ''; } span.onclick = function(){ var textoAtual = this.firstChild.nodeValue; var input = '<input type="text" name="1" value="'+textoAtual+'">'; this.innerHTML = input; var field = this.firstChild; this.onclick = null; this.onmouseover = null; field.focus(); field.select(); field.onblur = function(){ this.parentNode.innerHTML = this.value; editTitle(); } } } editTitle(); } </script> </head> <body> <p>escreva o texto aqui</p> </body> </html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Paulo H S Salvatore
Bom dia senhores,
Consegui um código que você clica em um título e aparece um campo pra editar aquele título.
Gostaria que essa função fosse aplicada a um texto e, ao clicar nesse texto, exibisse, no lugar, um código HTML que eu programarei antes.
Se ajudar, a função que tenho é essa:
Créditos: CodigoFonte
Obrigado desde já senhores.
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.