Marketing, Novas Mídias e Redes Sociais

Selecionando todo o texto de um textarea

vejamos como selecionar e copiar todo o conteúdo de um textarea com apenas um clique.
Essa função é semelhante a que vemos para copiar os códigos de anúncios do adsense.

Usaremos apenas html e java script.

Primeiro criamos a função javascript que segue:

1.<script language=”Javascript”>
2. <!–
3. var copytoclip=1
4.
5. function SeleccionarTodo(theField) {
6. var tempval=eval(“document.”+theField)
7. tempval.focus()
8. tempval.select()
9. if (document.all&©toclip==1){
10. therange=tempval.createTextRange()
11. therange.execCommand(“Copy”)
12. }
13. }
14. //–>
15. </script>

Uma vez definida a funcão, vejamos como usa-la.

Precisamos logicamente de um formulário com um componente texta área.

1. <form name= “formulario”>
2. <textarea name=”texto” rows=”10″ clos”20″>
3. texto que esta dentro do textaera para ser copiado, não precisa usar crt + c, basta clicar
4. </textarea>
5. </form>

Vejamos então duas formas de implementar a função

1 – através de um link.

1. <form name= “formulario”>
2.
<a  href=”javascript:SeleccionarTodo(‘formulario.texto’)” mce_href=”javascript:SeleccionarTodo(‘formulario.texto’)”>Seleccionar o texto</a><br />
3. <textarea name=”texto” rows=”10″ clos”20″>
4. texto que esta dentro do textaera para ser copiado, não precisa usar crt + c, basta clicar
5. </textarea>
6. </form>

2 – apenas clicando no texto [dentro do textarea]

1. <form name= “formulario”>
2.
 <textarea name=”texto” rows=”10″ cols=”20″ onFocus=”javascript:SeleccionarTodo(‘formulario.texto’)”>
3. texto que esta dentro do textaera para ser copiado, não precisa usar crt + c, basta clicar
4. </textarea>
5. </form>

Se você preferir pode também usar as duas formas.

Observe que apenas clicando no textarea e depois usando crt + v o conteúdo será colado, não há necessidade de usar o crt + c pra copiar o texto.

Veja exemplo | Selecionar conteúdo de um Textarea

7 comentários em “Selecionando todo o texto de um textarea”

  • Wilson

    seria útil se também copia-se automaticamente o texto sem necessidade de ctl v

  • Marquinh05

    acho que você não entendeu Wilson,

    basta clicar que o script já copia também o texto, vc só precisa usar crt + v que é pra colar onde você queira o texto.

    mas o priprio scrpt já seleciona e copia o texto!

    felicidade.

  • Tuin

    bem mais facil usar

  • Tata

    Ótima solução! Valeu!

  • Sandro

    Olá.

    Fiz uma atualização em meu PHP para PHP5, e isso gerou um problema em meu site.
    Anteriormente quando eu colava um texto no textarea ele não incluia “lixo” dos texto.
    Agora nessa versão ele incluie tudo até o “Lixo’ do texto, fazendo que eu edite o texto antes de envialo pelo PHP.
    O que vc me sugere ?

  • didizoto

    marquinhos nao consegui criar esse html pra selecionar um texto em uma caixa de texto que qeuro vc pode me ajudar??

  • didizoto

    vc pode responder no chat box q tem no meu blog…eu sempre olho ou por email…grato ^^’

  • Participe, deixe seu comentário!