Editar texto Re:Editar texto Re:Editar texto Re:Editar texto Re:Editar
Transcrição
Editar texto Re:Editar texto Re:Editar texto Re:Editar texto Re:Editar
Editar texto Posted by Kugas - 2008/12/03 17:34 _____________________________________ Boas... É o seguinte queria saber como se edita texto dentro dum span, que funcion é que uso?? :unsure: como é que edito isto: <td><span onclick="qual função utilizar aqui">Texto para editar</span></td> Agradeço a ajuda Obrigado e Abraços ============================================================================ Re:Editar texto Posted by mAiN_iNfEcTiOn - 2008/12/03 19:50 _____________________________________ Ao clicares o que queres que aconteça? ============================================================================ Re:Editar texto Posted by Kugas - 2008/12/03 20:09 _____________________________________ humm apenas editar o texto... Apagar o que esta la e escrever outra coisa... do tipo esta escrito Teste 2008 e keria clicar e escrver Teste 2009 sem butoes e coisa do genero :) abraços ============================================================================ Re:Editar texto Posted by mAiN_iNfEcTiOn - 2008/12/03 23:58 _____________________________________ Ahm... eh assim... Isso não é propriamente uma funcionalidade assim tao linear :) Provavelmente para meteres ali código HTML tinhas que ter um editor em javascript onde metesses os dados tipo FCKeditor. ============================================================================ Re:Editar texto Posted by Kugas - 2008/12/04 11:01 _____________________________________ nao percebi... ============================================================================ Re:Editar texto Posted by mAiN_iNfEcTiOn - 2008/12/04 12:21 _____________________________________ Eu explico.... PHP-PT.com Forum - Comunidade Portuguesa de PHP Joomlaboard Forum Component version: 1.1.4 Stable Generated: 1 October, 2016, 16:26 Uma coisa é tu dizeres... "Ah eu ao clicar quero que apareça uma caixa de texto no lugar do conteúdo que lá está onde eu escrevo o conteúdo... sempre textual claro" Outra coisa é dizer: "Ah eu ao clicar quero que naquele local me permita inserir imagens, botões, o que eu quiser e bem me apeteça e na posição que me interessar..." O que é muito mais difícil ... ============================================================================ Re:Editar texto Posted by Kugas - 2008/12/04 12:30 _____________________________________ lolololol nada disso... só queria saber se existe algum comando ou função para permitir editar o texto que esta dentro de um <span> ou do <td> para que os outros utilizadores possam editar e escrever o texto. Abraço ============================================================================ Re:Editar texto Posted by tux - 2008/12/04 22:49 _____________________________________ Boas, o que qeres fazer pode ser feito da seguinte forma: <td><span onclick="this.innerHTML='Ola Mundo'">Texto para editar</span></td> ao clicares no span o seu conteúdo é alterado para 'Ola Mundo'. A propriedade innerHTML permite alterar o conteudo de um elemento html (mas nem todos são assim). O 'this' representa o span em que estás a clicar. Esta é uma solução para substituir o conteúdo do span por um texto fixo. Se quiseres que se altere para um outro valor que o utilizador digite, terás de ter um sitio onde o utilizador o possa escrever, como por exemplo um INPUT: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <input type="text" name="newtext" id="newtext"/> <table> <tr> <td><span onclick="this.innerHTML=getElementById('newtext').value">Texto para editar</span></td> </tr> </table> </body> </html> PHP-PT.com Forum - Comunidade Portuguesa de PHP Joomlaboard Forum Component version: 1.1.4 Stable Generated: 1 October, 2016, 16:26 Neste caso o utilizador escreve no INPUT e ao clicar no SPAN, este fica com o texto do INPUT. Penso que seja esta a tua duvida. Abraço ============================================================================ Re:Editar texto Posted by Kugas - 2008/12/05 14:21 _____________________________________ tux wrote: Boas, o que qeres fazer pode ser feito da seguinte forma: Se quiseres que se altere para um outro valor que o utilizador digite, terás de ter um sitio onde o utilizador o possa escrever, como por exemplo um INPUT: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <input type="text" name="newtext" id="newtext"/> <table> <tr> <td><span onclick="this.innerHTML=getElementById('newtext').value">Texto para editar</span></td> </tr> </table> </body> </html> Neste caso o utilizador escreve no INPUT e ao clicar no SPAN, este fica com o texto do INPUT. Penso que seja esta a tua duvida. Abraço não me esta a funcar... ele de facto muda para a caixa para escrever mas dps nao faz nada... talvez falta la um botão :) ============================================================================ Re:Editar texto Posted by Kugas - 2008/12/05 14:24 _____________________________________ outra coisa a caixa de texto fica junto com o texto introduzido... não há maneira de esconder kd se tem o texto escrito? :) Abraços ============================================================================ Re:Editar texto Posted by mAiN_iNfEcTiOn - 2008/12/05 14:52 _____________________________________ gajo... ja percebi.... PHP-PT.com Forum - Comunidade Portuguesa de PHP Joomlaboard Forum Component version: 1.1.4 Stable Generated: 1 October, 2016, 16:26 tenta isto: <html> <head> <script language="javascript" type="text/javascript"> function changeBox(num,removeInput) { var obj=document.getElementById(num); if(removeInput) { var valor=document.getElementById('text_'+num).value; obj.innerHTML=valor; } else { var valor=obj.innerHTML; obj.innerHTML='<input id="text_' + num + '" onblur="changeBox(' + num + ',1)" type="text" value="' + valor + '" />'; } } </script> </head> <body> <div id="1" ondblclick="changeBox(this.id,0)">Truque</div> </body> </html> Post edited by: mAiN_iNfEcTiOn, at: 2008/12/05 14:53 ============================================================================ Re:Editar texto Posted by Kugas - 2008/12/05 16:47 _____________________________________ tinhas aki um BUG ondblclick="changeBox :P ok muito bem trocou o texto pela caixa de texto mas kd clico pa escrever aparece o codigo HTML da caixa de texto lol ainda assim apaguei escrevi qualquer coisa mas nao grava talvez precisa de um botao para dar o ok? :) abraços EDIT: akilo do nao gravar o texto ja dá! foi um pekeno erro meu mas a tal cena de aparecer o codigo HTML isso é vdd, aparece kd clico outra vez na caixa de texto para alterar o texto.... Post edited by: Kugas, at: 2008/12/05 16:51 ============================================================================ Re:Editar texto Posted by mAiN_iNfEcTiOn - 2008/12/05 17:41 _____________________________________ se pensares bem, n era um erro... se deres clique para editar o texto, ele vai colocar o codigo, como tu dizes, na caixa de texto.... se colocares como ondblclick obriga a dar duplo-clique ;) got it? ... ============================================================================ Re:Editar texto PHP-PT.com Forum - Comunidade Portuguesa de PHP Joomlaboard Forum Component version: 1.1.4 Stable Generated: 1 October, 2016, 16:26 Posted by Kugas - 2008/12/09 11:19 _____________________________________ Thanks.... so agr tive oportunidade de mexer no código... mas já funca desculpa nunca tinha visto um ondblclick lolol mas que lerdo que sou lol... ok thanks again... Abraços ============================================================================ Re:Editar texto Posted by mAiN_iNfEcTiOn - 2008/12/09 12:27 _____________________________________ hugz ;) ============================================================================ Re:Editar texto Posted by Kugas - 2009/04/23 12:15 _____________________________________ Redizendo lol nao sei prk mas deixou de funcionar o editor :( aqui tenho o meu código: <script language="javascript" type="text/javascript"> function changeBox(num,removeInput) { var obj=document.getElementById(num); if(removeInput) { var valor=document.getElementById('text_'+num).value; obj.innerHTML=valor; } else { var valor=obj.innerHTML; obj.innerHTML='<input id="text_' + num + '" onblur="changeBox(' + num + ',1)" type="text" value="' + valor + '" size="100" />'; } } </script> <td width="50%" bgcolor="#CCCCCC" align="center"><span id="1" <?=$_SESSION==16 || $_SESSION==35 || $_SESSION==36 || $_SESSION==20?'onDblClick="changeBox(this.id,0)" title="Clicar para editar!"':''?> style="cursor: pointer;" class="style4">EDITA AQUI</span></td> em id="1" tenho mais assim com 6... help again plz thanks abraços Post edited by: Kugas, at: 2009/04/23 12:17 ============================================================================ Re:Editar texto PHP-PT.com Forum - Comunidade Portuguesa de PHP Joomlaboard Forum Component version: 1.1.4 Stable Generated: 1 October, 2016, 16:26 Posted by mAiN_iNfEcTiOn - 2009/04/24 23:52 _____________________________________ Kugas, o id nunca pode ser repetido.... Dessa forma, cada vez que colocares uma dessas linhas, tens que por um id diferente a cada linha para o span :) metelhe um contador por exemplo, a incrementar a cada linha colocada ;) ============================================================================ Re:Editar texto Posted by Kugas - 2009/04/25 00:39 _____________________________________ se calhar nao fui bem explicito no post anterior sorry, eu tenho um numero diferente em cada id... ============================================================================ Re:Editar texto Posted by mAiN_iNfEcTiOn - 2009/04/25 20:00 _____________________________________ tens a certeza k n funciona? eu testei e funciona :| ============================================================================ Re:Editar texto Posted by Kugas - 2009/04/27 09:50 _____________________________________ sim ele chega a funcionar mas quando faço um refresh ou quando saio da pagina e volto a entrar ele fica na mesma... ah e também já vi as permissões da pagina e não funca na mesma... Post edited by: Kugas, at: 2009/04/27 09:52 ============================================================================ Re:Editar texto Posted by mAiN_iNfEcTiOn - 2009/04/27 15:18 _____________________________________ hum... isso eh capaz de ser porque o DOM ainda não ficou carregado (vulgo 'ready').... Aconselho JQuery :) Já usaste? eh bastante simples e fácil :) ============================================================================ Re:Editar texto Posted by Kugas - 2009/04/27 15:33 _____________________________________ nao sei o que é isso...?? :dry: ============================================================================ Re:Editar texto Posted by mAiN_iNfEcTiOn - 2009/04/27 15:48 _____________________________________ PHP-PT.com Forum - Comunidade Portuguesa de PHP Joomlaboard Forum Component version: 1.1.4 Stable Generated: 1 October, 2016, 16:26 É uma 'framework' de javascript :) Na prática não passa de uma inclusão de um ficheiro que depois vai-te permitir manipular javascript à vontade e com grande facilidade... O lema deles é: Write Less, Do More (Um pouco semelhante ao Write Once, Do Many) É muito porreiro, mesmo para funções ajax aquilo é BRUTAL... Na realidade, já não consigo desenvolver Javascript sem ela (e por desenvolver, significa desenvolver coisas de jeito :D ) Dá uma olhadela em: http://www.jquery.com Abraço ============================================================================ Re:Editar texto Posted by Kugas - 2009/04/30 14:34 _____________________________________ Tive agora a ver isto... mas não tou a perceber la muito bem como funca... é normal k ao principio nao perceba! não me estou a dar com isto... hummm :dry: ============================================================================ PHP-PT.com Forum - Comunidade Portuguesa de PHP Joomlaboard Forum Component version: 1.1.4 Stable Generated: 1 October, 2016, 16:26