remember

One fixed box i upper-right corner and three boxes that will be remember position and display mode.
One of the boxes, box2, is also programmed to remember its content. We could of course remember on the server by sending the content when we close the window and collect it when we load or open the box.

// called after all boxes have been established
// ie. after: itemHolder.initElements();
function rememberBoxContent(boxid){
  var box=itemHolder.getBoxById(boxid);		
	
  var saveMyStuff=function(){
    var S=this.getContentHTML();
    var key=boxid+"inner";
    obj={data:S};
    var jsString=JSON.stringify(obj);
    localStorage.setItem(key,jsString);
  }
  box.onSave=saveMyStuff.bind(box);

  var key=boxid+"inner";
  var S=localStorage.getItem(key);
  var obj=JSON.parse(S);
  if(obj)
    box.setContentHTML(obj.data);
}


//----------------------------
// in case you would like to restore it
function clearNotes(boxid){
  var box=itemHolder.getBoxById(boxid);
  box.setContentHTML('<div>Your Notes:</div>\
  <hr/>\
  <div id="myNote" contentEditable>\
  write here\
  </div>');
}

Remember