1

Como hago para que al dar click sobre el boton probrar ejecute el script y me descargue la información, Gracias.

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script>
function mostrar() {
var miArray = [ 10, 20, 40, 65 ];
var miArray2= [15, 26, 44, 71];
var miArray3 = ["TaT","Pan","Aut","Caf"];
var mostrar = "";
for (var i=0; i<miArray.length; i++) {  
for (var j=miArray[i]; j<=miArray2[i]; j++) {
 mostrar += j + " "+miArray3[i];
}
}
document.getElementById("resultado").innerHTML = mostrar;
}
</script>

<button onclick="mostrar();">Probar</button>
<div id="download('Desgarga', 'resultado')"></div>

</body>
7
  • Hola, haber si entiendo lo que pides. Tratas de generar un archivo .txt con JavaScript y posteriormente cuando hagas uso del evento onclick de javascript puedas ejecutar la funcion mostrar() y lo que generes dentro de ella es lo que deseas que esté como contenido del .txt ?
    – jecorrales
    el 14 ago. 2018 a las 21:38
  • ¿Que es lo que has intentado y por qué no funciona? ¿Por qué el id del div tiene el texto de como si quisieras llamar una función y enviar 2 parametros?
    – Azteca
    el 14 ago. 2018 a las 21:38
  • download('Desgarga', 'resultado') esto por que ? yo creo que no debe ser asi: que hace esa funcion ?
    – srJJ
    el 14 ago. 2018 a las 21:39
  • Si dejo solo <div id="resultado"></div> me imprime el resultado de mostrar(), lo que intento hacer es que cuando haga click en Probar ejecute mostrar() y no me imprima sino que me descargue el 14 ago. 2018 a las 21:41
  • te descargue que ?
    – srJJ
    el 14 ago. 2018 a las 21:43

3 respuestas 3

4

Función descargar archivo sacada de https://stackoverflow.com/a/33542499/1423096 por Ludivic Feltz

function mostrar() {
  var miArray = [10, 20, 40, 65];
  var miArray2 = [15, 26, 44, 71];
  var miArray3 = ["TaT", "Pan", "Aut", "Caf"];
  var mostrar = "";
  for (var i = 0; i < miArray.length; i++) {
    for (var j = miArray[i]; j <= miArray2[i]; j++) {
      mostrar += j + " " + miArray3[i];
    }
  }
  document.getElementById("resultado").innerHTML = mostrar;
  saveDoc("archivo.txt", mostrar);

}

saveDoc = function(filename, data) {
  var blob = new Blob([data], {
    type: 'text/csv'
  });
  if (window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveBlob(blob, filename);
  } else {
    var elem = window.document.createElement('a');
    elem.href = window.URL.createObjectURL(blob);
    elem.download = filename;
    document.body.appendChild(elem);
    elem.click();
    document.body.removeChild(elem);
  }
}
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>

<body>

  <button onclick="mostrar();">Probar</button>
  <div id="resultado"></div>

</body>

Para compatibilidad con Internet Explorer primero se busca si existe la función msSaveOrOpenBlob.

Si no existe se asume un navegador mas compatible con estándares y se procede a crear un enlace que tenga la representación binaria del contenido del archivo, se lo agrega al documento y se le hace click al enlace, lo cual dispara un descargar archivo.

Para esto se utilizan las funciones

2
  • 1
    ¿Podrías explicar un poco cómo funciona la función o qué es lo que hace exactamente?
    – Alvaro Montoro
    el 14 ago. 2018 a las 21:59
  • Muy buen aporte
    – srJJ
    el 14 ago. 2018 a las 22:31
1

si solo quieres mostrar el contenido en ese div lo unico que debes hacer es darle un id y enviarle el valor

   <html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script>
function mostrar() {
var miArray = [ 10, 20, 40, 65 ];
var miArray2= [15, 26, 44, 71];
var miArray3 = ["TaT","Pan","Aut","Caf"];
var mostrar = "";
for (var i=0; i<miArray.length; i++) {  
for (var j=miArray[i]; j<=miArray2[i]; j++) {
 mostrar += j + " "+miArray3[i];
}
}
document.getElementById("resultado").innerHTML = mostrar;
}
</script>

<button onclick="mostrar();">Probar</button>
//aqui pones el id
<div id="resultado"></div>

</body>
3
  • Hola srJJ lo que necesito en vez de imprimir con id, es mas bien que me descargue en texto el resultado el 14 ago. 2018 a las 21:44
  • se lo descargue aun archivo tipo txt ??
    – srJJ
    el 14 ago. 2018 a las 21:45
  • si con el atributo download el 14 ago. 2018 a las 21:45
0

Espero te sirva

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script>
function mostrar() {
var miArray = [ 10, 20, 40, 65 ];
var miArray2= [15, 26, 44, 71];
var miArray3 = ["TaT","Pan","Aut","Caf"];
var mostrar = "";
for (var i=0; i<miArray.length; i++) {  
for (var j=miArray[i]; j<=miArray2[i]; j++) {
 mostrar += j + " "+miArray3[i];
}
}
//document.getElementById("resultado").innerHTML = mostrar;

  var contenidoDeArchivo = mostrar;
var elem = document.getElementById('descargar');

elem.download = "archivo.txt";
elem.href = "data:application/octet-stream," 
                     + encodeURIComponent(contenidoDeArchivo);



}
</script>

<a id="descargar" onclick="mostrar();">Probar</a>
<div id="download('Desgarga', 'resultado')"></div>

</body>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.