JScript

Programação & Desenvolvimento


Copiar conteúdo de uma DIV

waghcwb
waghcwb
Desenvolvedores
Desenvolvedores

Time Online : 441d 9h 2m 53s
Mensagens : 719
Data de inscrição : 15/07/2013
Localização : Curitiba

Copiar conteúdo de uma DIV Empty Copiar conteúdo de uma DIV

Mensagem por waghcwb em Qua 18 Dez 2013, 11:22 am

Olá amigos, gostaria de saber como eu faria para copiar o conteúdo de determinada DIV ao clicar nela, é possível fazer com JQuery ou Javascript? Fico grato pela atenção!



The quieter you become, the more you are able to hear

Copiar conteúdo de uma DIV Btn_viewmy_160x25_pt_BR



study
Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

Copiar conteúdo de uma DIV Empty Re: Copiar conteúdo de uma DIV

Mensagem por Legolas em Qua 18 Dez 2013, 12:29 pm

De uma div?? Você não quer dizer de um textarea?



Copiar conteúdo de uma DIV Url11
waghcwb
waghcwb
Desenvolvedores
Desenvolvedores

Time Online : 441d 9h 2m 53s
Mensagens : 719
Data de inscrição : 15/07/2013
Localização : Curitiba

Copiar conteúdo de uma DIV Empty Re: Copiar conteúdo de uma DIV

Mensagem por waghcwb em Qua 18 Dez 2013, 12:42 pm

Não, uma DIV mesmo, fiz uma DIV escrita Skype e ao passar o mouse em cima aparece o nome do meu Skype, gostaria que ao clicar nessa DIV, o conteúdo dela (não necessariamente precisa ser getado daquela div, pode estar previamente definido..) seja copiado, igual quando se clica Ctrl + C ..



The quieter you become, the more you are able to hear

Copiar conteúdo de uma DIV Btn_viewmy_160x25_pt_BR



study
JScript
JScript
Administradores
Administradores

Time Online : 2d 4h 51m 36s
Mensagens : 1381
Data de inscrição : 29/03/2013
Localização : Somewhere out there

Copiar conteúdo de uma DIV Empty Re: Copiar conteúdo de uma DIV

Mensagem por JScript em Qua 18 Dez 2013, 1:21 pm

Normalmente só o IE tem suporte a copiar para o ClipBoard, já para os outros navegadores e até o IE, temos:

http://www.jquery4u.com/plugins/jquery-copy-clipboard-4-options/#.UFbo1YriYz0
http://www.steamdev.com/zclip/

JS



Spoiler:
"O impossível é só uma questão de opinião."


"E o recente formará uma legião. Sua atuação será maior que a atual vezes mil. O estrondor de um milhão de teclados semelhante a um grande terremoto cobrirá a plataforma, e os incrédulos tremerão."

"Alguns seguidores dirão que não é possível, diante de uma legião estarrecida o recente provará o contrário e todos o conhecerão. Os infiéis passarão a lhe adorar diante de uma plataforma que nunca mais será a mesma!"


Do livro de JScript...


Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

Copiar conteúdo de uma DIV Empty Re: Copiar conteúdo de uma DIV

Mensagem por Legolas em Qua 18 Dez 2013, 4:50 pm

Talvez pode ser feito da seguinte maneira:

Colocar um textarea escondido com o skype, e um input que copia o conteudo da textarea



Copiar conteúdo de uma DIV Url11
waghcwb
waghcwb
Desenvolvedores
Desenvolvedores

Time Online : 441d 9h 2m 53s
Mensagens : 719
Data de inscrição : 15/07/2013
Localização : Curitiba

Copiar conteúdo de uma DIV Empty Re: Copiar conteúdo de uma DIV

Mensagem por waghcwb em Qua 18 Dez 2013, 5:18 pm

@Jscript, irei testar e lhe falo se funcionou..

@Legolas, como seria feito isso?



The quieter you become, the more you are able to hear

Copiar conteúdo de uma DIV Btn_viewmy_160x25_pt_BR



study
Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

Copiar conteúdo de uma DIV Empty Re: Copiar conteúdo de uma DIV

Mensagem por Legolas em Qua 18 Dez 2013, 7:00 pm

Por exemplo, você coloca um textarea assim:

Código:
<textarea id="skype" name="skype" style="display:none">Seu skype aqui</textarea>

E na div que você for colocar o Skype a ser copiado, coloque um input com o código para copiar o conteudo da textarea (que seria com um onclick).



Copiar conteúdo de uma DIV Url11
waghcwb
waghcwb
Desenvolvedores
Desenvolvedores

Time Online : 441d 9h 2m 53s
Mensagens : 719
Data de inscrição : 15/07/2013
Localização : Curitiba

Copiar conteúdo de uma DIV Empty Re: Copiar conteúdo de uma DIV

Mensagem por waghcwb em Qua 18 Dez 2013, 7:34 pm

O código seria o mesmo que o Js passou?



The quieter you become, the more you are able to hear

Copiar conteúdo de uma DIV Btn_viewmy_160x25_pt_BR



study
Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

Copiar conteúdo de uma DIV Empty Re: Copiar conteúdo de uma DIV

Mensagem por Legolas em Qua 18 Dez 2013, 9:41 pm




Copiar conteúdo de uma DIV Url11
waghcwb
waghcwb
Desenvolvedores
Desenvolvedores

Time Online : 441d 9h 2m 53s
Mensagens : 719
Data de inscrição : 15/07/2013
Localização : Curitiba

Copiar conteúdo de uma DIV Empty Re: Copiar conteúdo de uma DIV

Mensagem por waghcwb em Dom 14 Jun 2015, 11:37 am

Eae galera, para quem se interessar, novidades sobre o assunto!!

http://www.w3.org/TR/2015/WD-clipboard-apis-20150421/



The quieter you become, the more you are able to hear

Copiar conteúdo de uma DIV Btn_viewmy_160x25_pt_BR



study
joelson0007
joelson0007
Moderadores
Moderadores

Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR

Copiar conteúdo de uma DIV Empty Re: Copiar conteúdo de uma DIV

Mensagem por joelson0007 em Dom 14 Jun 2015, 7:46 pm

Essa API precisa de permissão do usuário?

Conteúdo patrocinado

Copiar conteúdo de uma DIV Empty Re: Copiar conteúdo de uma DIV

Mensagem por Conteúdo patrocinado


    Data/hora atual: Qui 14 Nov 2019, 5:12 pm