zwe
(usa Ubuntu)
Enviado em 19/08/2016 - 19:14h
Caros;
Sei que é possível criar um botão que possa copiar um dado de um INPUT com o ClipBoard. Testei e funcionou, entretanto, preciso que um formulário que contém VÁRIOS inputs seja copiado com um botão. Não gostaria de criar um botão para cada input text para gerar a cópia com o ClipBoard.
Exemplo de form:
===================
<td colspan="3" id="teste1" size="25" ><label for="titulo4">teste1</label><br>
<input type="text" class="form-control" id="campo1" size="25"></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td colspan="3" id="teste2" ><label for="titulo7">Teste2<br>
</label>
<input type="text" disabled class="form-control" id="campo2" size="25"></td>
<td> </td>
</tr>
<tr>
<td width="40"> </td>
<td colspan="3"><label for="Teste3">Teste3</label>
<br>
<input type="text" disabled class="form-control" id="campo3" size="25"></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td colspan="3"><label for="Teste4">Teste4<br>
</label>
<input type="text" disabled class="form-control" id="campo4" size="25"></td>
<td> </td>
<button class="btn" data-clipboard-target="#campo1"> </button>
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
e.clearSelection();
});
clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
</script>
===================
No código acima, só consigo capturar no click no botão o valor relacionado a este ID: campo1, gostaria de pegar os valores de todos os Ids e enviar para a área de transferência (CTRL + C).
É possível?
Grato.