Question 244999 in Html Question posted in
Some basic documentation can be found here.

Html – I want the website state to persist after a refresh

I have a site where users can create divs with a button, and then add text to them. I could save the text to the local storage, but I’d also like to save the divs and their state, like where they are positioned etc. so they stay the same after a refresh. As far as I’m aware, divs cannot be stored in the local storage in the same way. Any ideas?

Tags:

2

Answers


  1. 0

    If localStorage is what you want to use, you could serialize the state of each div to an object, and store that object (or an array of objects) into localStorage using JSON.stringify and convert it back into the object/array form with JSON.parse.

    Login or Signup to reply.
  2. 0

    You wouldnt store the div itself in local storage. Instead of an array of strings, like

    [
  "Text 1",
  "Text 2"
]

    Start to think about an array of objects:

    [
  {
    text: "Text 1",
    top: 100,
    left: 200
  },
  {
    text: "Text 2",
    top: 400,
    left: 750
  },
]

    You can then convert this array to JSON and store that in local storage instead.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search