Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: @XSStringManolo en 7 Septiembre 2019, 23:21 pm



Título: [Resuelto] Descargar contendo de un div dinámicamente? HTML, JS o PHP.
Publicado por: @XSStringManolo en 7 Septiembre 2019, 23:21 pm
Quiero poner un botón debajo de un div para que se descargue el contenido que hay dentro como archivo.txt
No quiero que el archivo se guarde en el servidor.

Estoy escribiendo el contenido del div desde PHP. Sé que hay una forma de hacerlo con javascript puro pero no me acuerda como era y no lo encuentro.


Título: Re: Descargar contendo de un div dinámicamente? HTML, JS o PHP.
Publicado por: EdePC en 8 Septiembre 2019, 00:57 am
Saludos,

- A mi funciona este estilo:


Código
  1. <div id="content">
  2.  <blockquote>
  3.    <p>Vamos a entrar en acción, corregir un error, vamos a hacer justicia!</p>
  4.    <p>Contra la ley del rey tal vez, pero contra la ley de la decencia elemental, yo no lo creo.</p>
  5.    <cite>Pookie</cite>
  6.  </blockquote>
  7. </div>
  8. <button onclick="download()">Descargar</button>
  9.  
  10. <script>
  11.  function download() {
  12.    var div = document.getElementById("content");
  13.    var a   = document.createElement("a");
  14.    a.setAttribute( "href", "data:text/plain;charset=utf-8," + div.innerHTML );
  15.    a.setAttribute( "download", "div_content.txt" );
  16.  
  17.    document.body.appendChild(a);
  18.    a.click();
  19.    document.body.removeChild(a);
  20.  }
  21. </script>



Mod: Obligatorio el uso de etiquetas GeSHi.


Título: Re: Descargar contendo de un div dinámicamente? HTML, JS o PHP.
Publicado por: @XSStringManolo en 8 Septiembre 2019, 02:35 am
Ostras que buena pinta!  :-*