Autor Tópico: [HTML]Editar texto  (Lida 4130 vezes)

Offline Kugas

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
[HTML]Editar texto
« em: Dezembro 03, 2008, 05:31:24 pm »
Boas...

É o seguinte queria saber como se edita texto dentro dum span, que funcion é que uso??

 

como é que edito isto:

Código: [Seleccione]
<td><span onclick="qual função utilizar aqui">Texto para editar</span></td>

Agradeço a ajuda

Obrigado e Abraços

Offline southafrikanse

  • A noob in a geek world
  • Administrator
  • Newbie
  • *****
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
    • http://www.tugatronica.com
[HTML]Editar texto
« Responder #1 em: Dezembro 03, 2008, 05:46:39 pm »
A etiqueta
Código: [Seleccione]
<span></span>
é uma etiqueta bastante utilizada em HTML e permite-te destacar certos elementos do teu website ou texto. Esse destaque pode ser por exemplo, colorir o teu texto, adicionar fundo ao teu texto ou dar outros efeitos quando o rato passa por cima do teu texto.

Um exemplo:
Código: [Seleccione]
<span style="background-color: #FFFF00">Texto destacado</span>Outro exemplo:
Código: [Seleccione]
<span title="Porreiro!"><b>Passa com o rato por cima</b></span>
No caso da situação "onclick" isto desencadeia uma acção para quando clicares nessa parte do texto como por exemplo, ir para outro link no teu website ou então alterar a cor do texto quando clicares com o rato.

Tens um exemplo de código aqui:
Código: [Seleccione]
<span onclick="alert('Bem vindo!')"><i><b>Preparado?</b></ i></span>No código acima vai te aparecer uma janela a dizer "Bem vindo!" quando clicares no texto "Preparado?"

Na função onclick podes fazer aquilo que quiseres, desde integrar isso com Javascript como guardar uma valor numa base de dados.

Para saberes melhor sobre as acções que podes utilizar podes consultar esta página e esta.

Espero ter-me feito entender
« Última modificação: Dezembro 03, 2008, 05:57:41 pm por southafrikanse »
Blog Pessoal | Tugatrónica | Fórum Webtuga
"Knowledge is knowing that a tomato is a fruit, but Wisdom is knowing not to put it in a fruit salad."

Offline ilovehentai

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
    • http://
[HTML]Editar texto
« Responder #2 em: Dezembro 05, 2008, 09:51:57 pm »
Código: [Seleccione]
<span id="texto" onclick="java script:alterText(this);" >Algum texto</span>

<script type="text/javascript" language="javascript">
function alterText(obj){

 if (document.all) { // IE;

  obj.innerText = "Novo Texto";

 }else{

  obj.textContent = "Novo Texto";

}

}
</script>

Neste caso no evento onclick ou seja quando clicares sobre a span ele irá mudar o texto da mesma ... repara que no script foi feita uma validação, pois existe uma incompatibilidade entre o IE e o Firefox, a propriedade innerText irá alterar o conteúdo da span no IE e no caso do FireFox será o textContent.

Se queres fazer coisas mais "cool" procura saber um pouco acerca de jQuery por exemplo

Offline Kugas

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
[HTML]Editar texto
« Responder #3 em: Dezembro 09, 2008, 11:45:55 am »
Eu não queria subtituir um texto por outro já pré-feito mas sim por akele que o utilizador kiser escrever mas já resolvi o caso

Thanks for the many help

se quiserem o script como tenho, eu meto aqui....

abraços

Offline FilipeA2M

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
[HTML]Editar texto
« Responder #4 em: Junho 24, 2009, 03:00:17 pm »
Citação de: Kugas
Eu não queria subtituir um texto por outro já pré-feito mas sim por akele que o utilizador kiser escrever mas já resolvi o caso

Thanks for the many help

se quiserem o script como tenho, eu meto aqui....

abraços

Boas...

será que podes postar aqui esse teu script?

Obrigado...

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49