Uso este código para copiar el portapapeles:
<script type="text/javascript">
function copiarAlPortapapeles("p1") {
var aux = document.createElement("input");
aux.setAttribute("value", document.getElementById("p1").innerHTML);
document.body.appendChild(aux);
aux.select();
document.execCommand("copy");
document.body.removeChild(aux);
}
</script>
Para ejecutarlo uso: onclick="copiarAlPortapapeles()"
El código funciona pero tengo un problema, esta función está en un submit
, que muestra por ajax un resultado.
Lo que sucede es que se ejecuta antes la copia al portapapeles que aparece la función ajax (en php) por lo que copia lo anterior.
He pensado en retrasar el código tal que así: onclick="setTimeout ('copiarAlPortapapeles();', 2000);"
Pero no me funciona... ¿alguna ayuda?
el codigo ajax:
<script language="javascript">// <![CDATA[
$(document).ready(function() {
// Esta primera parte crea un loader no es necesaria
$().ajaxStart(function() {
$('#loading').show();
$('#result').hide();
}).ajaxStop(function() {
$('#loading').hide();
$('#result').fadeIn('slow');
});
// Interceptamos el evento submit
$('#form, #fat, #signup-forma').submit(function() {
// Enviamos el formulario usando AJAX
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
// Mostramos un mensaje con la respuesta de PHP
success: function(data) {
$('#result').html(data);
}
})
return false;
});
})
// ]]></script>
callback
, ¿porqué no ejecutas tu método en elcallback
de tu AJAX?OnSuccess
o alguncalback
. Pon ahí el código de copia al portapapeles y ya está! Edit: OOps @eledgaar se ha adelantado.