i have a textarea and two buttons
like
<form name="form1">
<textarea name="text1"> HTML Codes goes here </textarea>
<input type="button"> Open File
<input type="button"> Save File
</form>
when i click on "save" button i want the text in textarea to be saved (i want it to pop up the "save as" dialog box)
When i click on "open" , it should allow me to choose any html or textfile... and load the text in the textfile/htmlcode into my textarea.
Found this code in .php/t-10532.html
<html>
<head>
</head>
<body>
<script language="javascript">
function WriteToFile()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var s = fso.CreateTextFile("C:\\NewFile.txt", true);
var text=document.getElementById("TextArea1").innerText;
s.WriteLine(text);
s.WriteLine('***********************');
s.Close();
}
</script>
<form name="abc">
<textarea name="text">FIFA</textarea>
<button onclick="WriteToFile()">Click to save</Button>
</form>
</body>
</html>
this would work if it porvides the user the choice to save the file ...and i forgot to say that all files are in the client puter.
Thanx in Advance
-Miss Subanki
i have a textarea and two buttons
like
<form name="form1">
<textarea name="text1"> HTML Codes goes here </textarea>
<input type="button"> Open File
<input type="button"> Save File
</form>
when i click on "save" button i want the text in textarea to be saved (i want it to pop up the "save as" dialog box)
When i click on "open" , it should allow me to choose any html or textfile... and load the text in the textfile/htmlcode into my textarea.
Found this code in http://www.dynamicdrive./forums/archive/index.php/t-10532.html
<html>
<head>
</head>
<body>
<script language="javascript">
function WriteToFile()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var s = fso.CreateTextFile("C:\\NewFile.txt", true);
var text=document.getElementById("TextArea1").innerText;
s.WriteLine(text);
s.WriteLine('***********************');
s.Close();
}
</script>
<form name="abc">
<textarea name="text">FIFA</textarea>
<button onclick="WriteToFile()">Click to save</Button>
</form>
</body>
</html>
this would work if it porvides the user the choice to save the file ...and i forgot to say that all files are in the client puter.
Thanx in Advance
-Miss Subanki
Share Improve this question edited Jul 12, 2010 at 8:35 subanki asked Jul 11, 2010 at 17:05 subankisubanki 1,42910 gold badges25 silver badges49 bronze badges 13- Nah, the match isn't starting for over an hour, plenty of time to hang around on SO. I think no-one's answering because you're asking something that's impossible... but I'll leave the definite answer to the JavaScript gurus. – Thomas Commented Jul 11, 2010 at 17:14
- Thanks for supporting us by the way! :D – Thomas Commented Jul 11, 2010 at 17:14
- oh you from netherlands, no need to thank , they played very good....now i am a big fan of netherlands....they deserve to win ... – subanki Commented Jul 11, 2010 at 17:18
- 3 First, that code only works in MSIE (use of activex). Second, it probably won't run if not from a local context (eg, html on your pc). Third, it is pretty obvious why that code shouldn't even work, as I've said, it is very insecure to allow that functionality. – Christian Commented Jul 11, 2010 at 17:32
-
1
If you post to page2 with
method="get"on your form, the value of the textarea will be in the URL as?text=value%20from%20textarea. Using javascript you can get this value like thisvar val = window.location.search.replace(/?text=([^&]+)/, "$1");then you can print the valuedocument.write(val). The only problem is to set the headersContent-typeandContent-Disposition. I don't know if you can do that without a server side help. That would generate a SaveAs dialog and the file would have the textarea value. – BrunoLM Commented Jul 11, 2010 at 17:40
3 Answers
Reset to default 3Saving - You have to do that server-side, but it isn't difficult; in PHP you would just force some HTTP headers before outputting the data:
// set the content type
header('Content-type: text/plain');
// force save as dialog (and suggest filename)
header('Content-Disposition: attachment; filename="download.txt"');
// next echo the text
echo $_POST['text'];
Opening - You have to handle the uploaded data server-side, unless you use some proprietary (albeit "open") API like in firefox.
You can save a file with Javascript, but you have to use execmand and then you'd be limited to Internet Explorer.
document.execCommand('SaveAs', true);
This is possible only in IE, since the ActiveXObject has access to files (Read/Write). so, you can do it
I still remember, I tried it once and got succeeded
But Remember it only works in IE