Very simple notes plugin/script

[toolman]

Hi there,

I’m wondering if there are any very simple JS plugins/scripts that allow users to leave notes in a text box and remain there when closing the page/refreshing?

This is for a personal project and will be offline, so it doesn’t need any login/security aspects.

Thanks

[Paul_Wilkins]

Here’s a very simple notes script.

1 Make a place for the notes.

    <textarea class="notes"></textarea>

2 Move it to the right, and make it look a bit better.

.notes {
  position: absolute;
  right: 1em;
  border: 1px solid grey;
  background: khaki;
}

3 Use these cookie handling functions.

4 When the page loads, read the notes from the cookie.

var notes = document.querySelector(".notes");

window.addEventListener("load", function(evt) {
  notes.innerHTML = readCookie("notes");
});

5 When you change the notes, update the cookie.

notes.addEventListener("change", function(evt) {
  createCookie("notes", notes.value, 0);
});

That’s about as simple as it gets.

EDIT
typo corrected

[chrisofarabia]

@Paul_Wilkins

notes {
  position: absolute;
  right: 1em;
  border: 1px solid grey;
  background: khaki;
}

Minor typo…

.notes {
    ...
}

[Paul_Wilkins]

Thanks - I’ll contact someone to make the appropriate update.

[toolman]

Thank you for the help