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

Documentos relacionados