JavaScript Закладки для истории - PullRequest
0 голосов
/ 26 февраля 2010

Я работаю над ePen , редактором романов, который может создавать экспорт HTML. Чтобы читателям было легче следить за историей, я подумал о поддержке закладок, которые видны на странице (чтобы можно было пометить часть текста или перетащить изображение туда, где оно застряло). Информация должна быть сохранена в cookie-файле и перезагружена, когда читатель вернется, чтобы они могли быстро перейти на страницу и место, где они остановились.

Какие у меня варианты? Что-то подобное уже существует? Вы уже видели нечто подобное?

Ответы [ 2 ]

1 голос
/ 16 марта 2010

Я реализовал решение в своей истории о перевозке . См. bookmarks.js для JavaScript, плюс вам нужен DIV (см. bookmarkContainer в исходном коде страницы), плюс bookmark.css и пару скриптов из jQuery (jquery-1.4.2.js, jquery-ui-1.8rc2.custom.min.js, jquery.cookie.js, jquery.url_toolbox.js, jquery.timers-1.2.js).

Встроенный скрипт на странице (до bookmark.js) определяет имя файла cookie для информации о закладке (глобальная переменная BOOKMARK_COOKIE).

0 голосов
/ 26 февраля 2010

Вы можете использовать JavaScript для прокрутки к части страницы. Поэтому, если у вас есть элемент, который вы можете перетащить, вы можете взять его координаты и сохранить его. Когда кто-то хочет перейти к закладке, вы затем прокручиваете до сохраненных вами координат.

window.scrollTo(left, top) - это функция для прокрутки части страницы.

Добавление поведения перетаскивания было бы легко с такой структурой, как jQuery . Если затем вы получите смещение и сохраните его где-нибудь, его восстановление не будет таким сложным.

...