<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<input type="text" name="editor" id="editor"/><br/>
<input type="button" name="delete" id="delete" value='delete'/>
<br/>
<input type="button" name="save" id="save" value='save'/><br/>
<input type="button" name="reload" id="reload" value='reload'/>
<script type="text/javascript">
var editor = document.getElementById("editor");
editor.value="";
var UserData = {
userData : null,
name : location.hostname,
init:function(){
if (!UserData.userData) {
try {
UserData.userData = document.createElement('INPUT');
UserData.userData.type = "hidden";
UserData.userData.style.display = "none";
UserData.userData.addBehavior ("#default#userData");
document.body.appendChild(UserData.userData);
var expires = new Date();
expires.setDate(expires.getDate()+365);
UserData.userData.expires = expires.toUTCString();
} catch(e) {
return false;
}
}
return true;
},
setItem : function(key, value) {
if(UserData.init()){
UserData.userData.load(UserData.name);
UserData.userData.setAttribute(key, value);
UserData.userData.save(UserData.name);
}
},
getItem : function(key) {
if(UserData.init()){
UserData.userData.load(UserData.name);
return UserData.userData.getAttribute(key)
}
},
remove : function(key) {
if(UserData.init()){
UserData.userData.load(UserData.name);
UserData.userData.removeAttribute(key);
UserData.userData.save(UserData.name);
}
}
};
window.onbeforeunload=function(){
console.log(document.getElementById("editor").value);
if(!window.localStorage){
UserData.setItem('editor-text',editor.value);
}else{
localStorage.setItem('editor-text',editor.value);
}
};
window.onload=function(){
console.log(document.getElementById("editor").value);
if(!window.localStorage){
if(UserData.getItem('editor-text')==undefined) {
editor.value="";
}else{
editor.value=UserData.getItem('editor-text');
}
}else{
if(localStorage.getItem('editor-text')!=null){
editor.value=localStorage.getItem('editor-text');
}else{
editor.value="";
}
}
};
document.getElementById("delete").onclick=function(){
if(!window.localStorage){
UserData.remove('editor-text');
}else{
localStorage.removeItem('editor-text');
}
}
document.getElementById("reload").onclick=function(){
if(!window.localStorage){
document.getElementById("editor").value=UserData.getItem('editor-text');
}else{
document.getElementById("editor").value=localStorage.getItem("editor-text");
}
}
document.getElementById("save").onclick=function(){
if(!window.localStorage){
UserData.setItem('editor-text',document.getElementById("editor").value);
console.log(UserData.getItem('editor-text'));
}else{
console.log(document.getElementById("editor").value);
localStorage.setItem('editor-text',document.getElementById("editor").value);
console.log(localStorage.getItem("editor-text"));
}
}
</script>
</body>
</html>
