diegoxlz

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;

É o seguinte, com o código abaixo só consigo escolher uma das divs, eu quero clicar no botão de copiar e copiar as duas divs, com um clique só... <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 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>

Gostaria de colocar em minha página inicial um botão "mostrar mais" igual na parte de comentários do youtube, onde o visitante clica em "mostrar mais" e é carregado mais conteudo: http://imgur.com/lxtssD8 Eu encontrei exemplos de carregamento automatico com rolagem via jQuery/AJAX, mas mesmo assim não consegui implementar em meu sistema e não é o que eu quero, lembrando que utilizo php + mysql, se alguém puder me dar uma força agradecerei muito, caso eu mesmo encontre a solução postarei aqui para tirar a dúvida de quem está na mesma situação que eu, desde já agradeço

Galera, já encontrei a solução, baixei um script pronto do site https://zenorocha.github.io/clipboard.js/ facil de instalar, fiz assim: <div id="perg">Pergunta:<br>Linha1<br>Linha2<br>Linha3</div> <div id="resp">Resposta:<br>Linha1<br>Linha2<br>Linha3</div> <button id="perg" data-clipboard-action="copy" data-clipboard-target="#perg" class="perg">Copiar Pergunta</button> <button id="resp" data-clipboard-action="copy" data-clipboard-target="#resp" class="resp">Copiar Resposta</button> <script src="../clipboard.min.js"></script> <script> var perg = new Clipboard('#perg'); perg.on('success', function(e) { console.log(e); }); perg.on('error', function(e) { console.log(e); }); var resp = new Clipboard('#resp'); resp.on('success', function(e) { console.log(e); }); resp.on('error', function(e) { console.log(e); }); </script> Fica ai a solução pro pessoal que tem a mesma dúvida ;)

Seguinte, vi um script no site stackoverflow <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <script> function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); alert('Agora e so colar!'); } </script> <div id="div1">Linha1 Linha2 Linha3</div> <div id="div2">Caixa de texto 2</div> <button onclick="copyToClipboard('#div1')">Copy P1</button> <button onclick="copyToClipboard('#div2')">Copy P2</button> Mas quando sai o resultado fica assim Linha1Linha2Linha3, como fazer para ter quebra de linha conforme o alinhamento do conteúdo da div? Pois já tentei com <br> e \n e também trocando tag div por tag textarea, mas não obtive resultado