Jump to content


diegoxlz

Member Since 03/01/2016
Offline Last Active 22/01/2016, 03:17
-----

Topics I've Started

Como fazer para carregar mais conteudo do mysql via ajax/jQuery sem pa

18/01/2016, 01:42

Igual no facebook ou twitter mas com botão, ou seja igual no youtube, como na imagem:
http://imgur.com/lxtssD8

 

Eu encontrei exemplos de carregamento automatico com rolagem, mas mesmo assim não consegui implementar em meu sistema,

lembrando que utilizao 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 ja agradeço

 


Como copiar conteudo de div para clipboard com quebras de linhas?

04/01/2016, 12:51

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 ja tentei com <br> e \n e também trocando tag div por tag textarea, mas não obtive resultado


Galera, já encontrei a solução, baixei um script pronto do site https://zenorocha.gi...o/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 ;)


IPB Skin By Virteq