Widget con funzione Notepad

Installazione

Codice:

<!--
DEVELOPED BY ANGE TUTEUR
-->
<style type="text/css">
#fa_notepad {
  color:#333;
  background:#FFF;
  border:1px dotted #CCC;
  font-size:13px;
  font-family:Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  width:150px !important;
  height:150px !important;
  resize:none;
  overflow:hidden;
  overflow-y:auto;
  outline:none;
  display:block;
  padding:3px;
  margin:0 auto !important;
}
</style>
<textarea id="fa_notepad"></textarea>
<script type="text/javascript">//<![CDATA[
(function() {
  var notepad = document.getElementById('fa_notepad');
  if (notepad) {
    var key = 'fa_notepad_u' + _userdata.user_id,
        storage = window.localStorage,
        handler = function() {
          var key = 'fa_notepad_u' + _userdata.user_id,
              val = this.value,
              storage = window.localStorage;
        
          storage ? storage[key] = val : my_setcookie(key, val);
        };
  
    notepad.value = (storage ? storage[key] : my_getcookie(key)) || _userdata.username + '\'s personal notes...';
    notepad.oninput ? notepad.oninput = handler : notepad.onkeyup = handler;
  }
}());
// par ange tuteur
//]]></script>

Risultato