Boton copiar extension chrome
Publicado por Jp (17 intervenciones) el 15/02/2021 13:49:02
Buenas, estoy atascado con la creacion del boton copiar que deberia salir al pinchar sobre el icono de una extensión de chrome que he hecho. Al crearse de forma dinámica, no me permite poner el código javascript directamente para ejecutar el copiar, porque hay que ponerlo en un fichero a parte y si lo hago así tampoco me funciona.
Comparto el codigo, va en un .js que se ejecuta en en popup de la extension:
Comparto el codigo, va en un .js que se ejecuta en en popup de la extension:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
chrome.windows.getCurrent(w => {
chrome.tabs.query({active: true, windowId: w.id}, tabs => {
const completa=tabs[0].url;
const solohost=getHostnameFromRegex(completa);
getdetails(solohost)
.done( function( response ) {
//done() es ejecutada cuándo se recibe la respuesta del servidor. response es el objeto JSON recibidoif( response.success ) {
var output = "<p>Lista:</p><ul>";
//recorremos cada registro$.each(response.data.listado, function( key, value ) {
output += "<li><h3>" + value['DESCRIPCION'] + "</h3>";
output += "<p><button id='copiar' value='" + value['CODIGO'] + "'>Copiar</button></p></li>";
});
output += "</ul>";
//Actualizamos el HTML del elemento con id="#response-container"$("#response-container").html(output);
document.addEventListener('DOMContentLoaded', function() {
var boton = document.getElementById('copiar');
boton.addEventListener('click', function() {
console.log(boton.value);
});
});
} else {
//response.success no es true$("#response-container").html('No ha habido suerte, no encontro nada.');
console.log(solohost + ': ' + response.data.mensaje);
}})
.fail(function( jqXHR, textStatus, errorThrown ) {
$("#response-container").html("Algo ha fallado. Lo sentimos.");
console.log(solohost + ' Algo ha fallado: ' + textStatus);
});
});
});
Valora esta pregunta
0