PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Textarea Inhalt mit JS lesen&speichern

aVenger
2004-08-16, 07:49:56
Wenn ich eine Textarea erzeuge und dort etwas reinschreibe wie kann ich den gesamten Inhalt mit JS speichern (z.b. in eine Textdatei) und das ganze wieder bei jedem Systemstart in diese Textarea einlesen.
Sozusagen wie ein kleiner Notizblock
MadMan2k
2004-08-16, 15:41:15
Cookies? (http://de.selfhtml.org/javascript/objekte/document.htm#cookie)
aVenger
2004-08-16, 16:04:07
Die Idee mit Cookies ist nicht schlecht aber wie soll ich den Inhalt einer Textarea in ein Cookie speichern?
MadMan2k
2004-08-16, 16:28:47
Avenger']Die Idee mit Cookies ist nicht schlecht aber wie soll ich den Inhalt einer Textarea in ein Cookie speichern?


document.cookie = document.getElementsByTagName('textarea')[0].value;

bzw. noch das Haltbarkeitsdatum, wie im Link beschrieben setzen.
aVenger
2004-08-16, 21:06:39
Mein Code sieht wie folgt aus


<script type="text/javascript">
<!--
var gespeichert = "nichts gespeichert";
if(document.cookie)
gespeichert = document.cookie;
else
document.cookie = document.getElementsByTagName('textarea')[0].value;
alert(document.lastModified + " - " + gespeichert);
//-->
</script>
=========================================
<TABLE>
<TR>
<TD><TEXTAREA></TEXTAREA></TD>
</TR>
<TR>
<TD><INPUT TYPE="submit" VALUE="Save"></TD>
</TR>
</TABLE>

Wenn ich die HTML Site als Desktop benutze kann ich nicht einmal was reinschreiben. Warum?? (XP SP2???)
MadMan2k
2004-08-17, 10:57:39
<?xml version="1.0" encoding="ISO-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Notizblock</title>
<script type="text/javascript">
<!--
/*
* JS Notepad
* by MM2k
*/

function save(){
var text = document.forms[0].textarea.value;
var date = new Date();
var duration = date.getTime() + 14 * 86400000; //jetzt + 14 * 1Tag in ms

date.setTime(duration);
text = text.replace(/\n/g,'{n');

document.cookie = text+'; expires='+date.toGMTString();
}

function load(){
var text = document.cookie;

text = text.replace(/{n/g,'\n');
text = text.replace(/_/g,''); //IE fix
document.forms[0].textarea.value = text;
}

window.onload = load;
-->
</script>
<style type="text/css" media="screen">
body{
background-image: url('background.jpg');
}

form{
position: absolute;
top: 20px;
right: 20px;
}

textarea{
width: 350px;
height: 200px;
background-color: #e8e8e8;
border: none;
}
</style>
</head>
<body>
<form method="post" action="" onsubmit="save()">
<div><textarea name="textarea" rows="0" cols="0"></textarea></div>
<div><input type="submit" value="Speichern" /></div>
</form>
</body>
</html>


hab noch ein paar Workarounds wegen dem Zeilenumbruch einbauen müssen.