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
