Código de JavaScript - Descargar un documento de texto con el contenido de un formulario

Imágen de perfil

Descargar un documento de texto con el contenido de un formulariográfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 19 de Agosto del 2015 por Administrador
1.699 visualizaciones desde el 19 de Agosto del 2015. Una media de 28 por semana
Este código muestra como desde HTML5 con JavaScript, se puede crear un archivo de texto con el contenido escrito por el usuario desde un formulario.

v1
estrellaestrellaestrellaestrellaestrella(3)

Publicado el 19 de Agosto del 2015gráfica de visualizaciones de la versión: v1
1.700 visualizaciones desde el 19 de Agosto del 2015. Una media de 28 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Gracias a Vainas por comentar en el foro la existencia de este código

Forma parte de Create a file in memory
 
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
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
<head>
	<style>
	form {
		display: inline-block;
	}
	form input[type=text],
	form textarea {
		float:right;
	}
	form textarea {
		height:100px;
		width:450px;
	}
	p {
		overflow:hidden;
	}
	</style>
 
	<script>
	function download(filename, text)
	{
		var element = document.createElement('a');
		element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
		element.setAttribute('download', filename);
 
		element.style.display = 'none';
		document.body.appendChild(element);
 
		element.click();
 
		document.body.removeChild(element);
	}
</script>
</head>
<body>
 
Introduce un texto que se descargara de un archivo de texto
<form onsubmit="download(this['name'].value, this['text'].value)">
	Nombre del archivo de texto: <input type="text" name="name" value="test.txt">
	<p>Contenido:<br><textarea name="text"></textarea></p>
	<p><input type="submit" value="Descargar archivo de texto"></p>
</form>
 
</body>
</html>



Comentarios sobre la versión: v1 (3)

martin
24 de Agosto del 2015
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
Imágen de perfil
xve
25 de Agosto del 2015
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
humberto
15 de Junio del 2016
estrellaestrellaestrellaestrellaestrella
buensimp justo lo que buscaba!1
Responder

Comentar la versión: v1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3253