Publicidade

diegoxlz

Como copiar conteúdo de duas div's ao mesmo tempo?

Patrocínio:

Esse é o HTML

<div id="markup">
  Text that can be copied or selected with cross browser support.
</div>
<br><br>
não copiar esse texto
<br><br>
<div id="markup2">
  Copiar o texto 2
</div>
<br><br>

<button id="botaodecopiar1">copiar!</button>

 

E esse é o Javascript>
 

<script type="text/javascript">
        function selectElementContents(el) 
{
    // Copy textarea, pre, div, etc.
	if (document.body.createTextRange) {
        // IE 
        var textRange = document.body.createTextRange();
        textRange.moveToElementText(el);
        textRange.select();
        textRange.execCommand("Copy");     
    }
	else if (window.getSelection && document.createRange) {
        // non-IE
        var range = document.createRange();
        range.selectNodeContents(el);
        var sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(range); 
        try {  
		    var successful = document.execCommand('copy');  
		    var msg = successful ? 'successful' : 'unsuccessful';  
		    console.log('Copy command was ' + msg);  
		} catch(err) {  
		    console.log('Oops, unable to copy');  
		} 
    }
} // end function selectElementContents(el) 

function make_copy_button(el)
{
	var botaodecopiar = document.getElementById('botaodecopiar1');
	botaodecopiar.onclick = function() { selectElementContents(el); };
	
	if (document.queryCommandSupported("copy") || parseInt(navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./)[2]) >= 42)
	{
		// Copy works with IE 4+, Chrome 42+, Firefox 41+, Opera 29+
		botaodecopiar.value = "Copy to Clipboard";
	}	
	else
	{
		// Select only for Safari and older Chrome, Firefox and Opera
		botaodecopiar.value = "Select All (then press CTRL+C to Copy)";
	}
}
var elem = document.getElementById("markup");
var elem2 = document.getElementById("markup2");
make_copy_button(elem2);
</script>

 

0

Compartilhar este post


Link para o post
Compartilhar em outros sites
3 horas atrás, _Isis_ disse:

você copia primeiro um e depois o outro.

 


var divsToCopy = ['markup', 'markup2'];

divsToCopy.forEach(make_copy_button);

Não funcionou, não copiou nenhuma nem outra :(

 

0

Compartilhar este post


Link para o post
Compartilhar em outros sites
Em 17/07/2017 at 08:41, _Isis_ disse:

você copia primeiro um e depois o outro.

 


var divsToCopy = ['markup', 'markup2'];

divsToCopy.forEach(make_copy_button);

Não funcionou, não copiou nenhuma nem outra :(

 

 

Já encontrei a solução, era só colocar CSS no elemento que não quero que passe a seleção:

   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
 
0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!


Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.


Entrar Agora

  • Próximos Eventos

  • Conteúdo Similar

    • Por emersondesigner
      <button id="btnmostrar">Monstar</button> <script> $("btnmostrar").click(function () { $.notify ("Mensagem Perigo","warn"); }); </script> Eu tenho esse button clicando nele vai abrir notify normal, agora eu quero que ele abre quando por exemplo eu cadastrar aparecer na minha echo, como eu faço isso sou novo em php sei quase nada
    • Por msouza
      Boa noite
      estou tentando dar um crtl-v usando o window.onload no Firefox ver.54
       
      1 - eu dou um copiar usando o teclado e ao abrir a pagina html eu gostaria de ver esse resultado numa textarea.
       
      já peguei dezenas de exemplos e funções mas nenhuma funcionou.
      estou usando o Windows 10 pro.
       
      o código abaixo tem botão mas não funciona.
      tem alguma configuração de permissão ou algo parecido que eu não estaria fazendo?
       
      alguma sugestão?
       
      <html>
      <head>
      <script type="text/javascript">  
      function paste() {
        var pasteText = document.querySelector("#output");
        pasteText.focus();
        document.execCommand("Paste");
        console.log(pasteText.textContent);
      }
      document.querySelector("#paste").addEventListener("click", paste);
      </script>
      </head>
      <body>
          <textarea id="output"></textarea>
          <button id="paste">Paste</button>
      <script>
      </body>
      </html>
       
       
    • Por Karlos22
      Boa noite! Estou com um problema com um Ajax no react,
      Quando crio um novo dado json, vem o segruinte erro
       
      componentDidMount() { $.ajax({ type: 'GET', url: "https://www.mt4.com.br/vagas/desenvolvedor-frontend-junior/api/listar", data: {"token":"ZwV2ESx2G3AhHJAQoHMKE2u1I1x5EGMLsQR1ZQN2ZQV2ZwD="}, dataType: 'json', success: function(data) { console.log(data); this.setState({list:data.data}); }.bind(this) } ); } create(event) { event.preventDefault(); $.ajax({ url: 'https://www.mt4.com.br/vagas/desenvolvedor-frontend-junior/api/salvar', data: {"token":"ZwV2ESx2G3AhHJAQoHMKE2u1I1x5EGMLsQR1ZQN2ZQV2ZwD="}, contentType:'application/json', type: 'POST', dataType: 'json', data: JSON.stringify({name:this.state.name, email:this.state.email, phone:this.state.phone}), success: function(data) { console.log("Criado com sucesso!"); }, error: function(data) { console.log("erro"); } }); }  
    • Por Diogo Ribeiro
      Era para o o link da imagem li mudar a imagem da div só que não está funcionando, alguém pra dar um help
       
      <link rel="stylesheet" type="text/css" href="style2.css"/> <script type="text/javascript" src="js\jquery-1.9.0.min.js"> </script> <script type="text/javascript" src="js/jquery.cycle.all.js"></script> <script type="text/javascript"> $(function () { $("#esconde").cycle({ fx: 'fade', speed: 2000, timeout: 3000, }) }) </script> </head> <body> <div id="geral"> <h1> Galeria em Jquery e Javascript </h1> <div id="miniaturas"> <ul class="lista" > <li class="item" id="parte1"><a href="galeria1" > <img src="imagens/image1.jpg" width="40" height="40" title=""> <span> Texto 1 </span> </a> </li> <li class="item" id="parte2"><a href="galeria2" > <img src="imagens/imagem2.jpg" width="40" height="40"title=""> <span> Texto 2 </span> </a> </li> <li class="item" id="parte3"><a href="galeria3" > <img src="imagens/imagem3.jpg" width="40" height="40" title=""> <span> Texto 3 </span> </a> </li> </ul> <div id="esconde"> <div id="galeria1" class="painel" style=""><img src="imagens/imagem1.jpg" width="400" height="240" title=""> <div class="info"> <h2>Texto 1</h2> </div> </div> <div id="galeria2" class="painel" style=""><img src="imagens/imagem2.jpg" width="400" height="240" title=""> <div class="info"> <h2>Texto 2</h2> </div> </div> <div id="galeria3" class="painel" style=""><img src="imagens/imagem3.jpg" width="400" height="240" title=""> <div class="info"> <h2>Texto 3</h2> </div> </div> </div></div></div> </body> </html>  
    • Por AnthraxisBR
      Boa tarde,
       
      Estou fazendo um menu, em canvas, onde ao usuário clicar no menu, é carregada a página dentro do container, mas estou querendo fazer com que:
       
      Saia uma espécie de 'seta' do botão clicado, ligando ele com o container.
       
      Isso é tranquilo, porém, nisso me saiu uma dúvida:
       
      Estou pegando as posições com a função .offset(), mas também existe a função .position().
       
      Qual a diferença real entre as duas ?