JavaScript: save and reload a range

Question

How can I save a range (based on user selection) and reload it the next time the user visit my page again?

Details: the user selects a portion of text and I highlight it with a span. Now I have to save the "coordinates" of the selected text, so the next time the user visits my page, I'll load the range coordinates from my db and highlight the text with a span.

score 1 · Answer 1 · answered Jun 03 '13 at 17:52

1

Take a look at the Rangy library. It will do what you want, and more. You can take a look at the Serializer module and also the Highlighter module (this module is still in alpha, and so it may be unstable).

answered Jun 03 '13 at 17:52

Vivin Paliath

94,126
40
223
295

score 0 · Accepted Answer · edited May 23 '17 at 11:46

0

Some similar answers:

Also (self-promotion alert) you could try Rangy's highlighter module.

edited May 23 '17 at 11:46

Community

1
1

answered Jun 03 '13 at 17:30

Tim Down

318,141
75
454
536

score 0 · Answer 3 · answered Jun 03 '13 at 17:37

0

If you are using html5, you could use the Web Storage API.

Take a loop: http://www.w3schools.com/html/html5_webstorage.asp

answered Jun 03 '13 at 17:37

Thiago Custodio

17,332
6
45
90

JavaScript: save and reload a range

3 Answers3