Я играл с http://almende.github.com/chap-links-library/timeline.html, который позволяет пользователю добавлять/редактировать/удалять события на временной шкале. Закрытие или обновление браузера сбрасывает его на предварительно загруженный источник данных — JSON, информацию о таблице или таблицу Google. Ничего, что пользователь добавляет или изменяет, не сохраняется.
Как сделать пользовательские изменения постоянными?
Раньше я использовал HTML5 localStorage для сохранения текста, флажков и записей в полях выбора и т. д., но с этой временной шкалой единственная запись:
div ID="моя временная шкала"
с которым связан скрипт:
// Instantiate our timeline object.
timeline = new links.Timeline(document.getElementById('mytimeline'));
который является ссылкой на JS, который создает контейнер временной шкалы.
Любые идеи или примеры или указатели?
Спасибо.
Обновление: вот что у меня есть до сих пор:
//Check to see if localStorage is supported
var db = getLocalStorage() || alert("Local Storage Not supported in this browser. Try updating to the latest Firefox, Chrome or Safari browsers.");
function getLocalStorage() {
try {
if(window.localStorage ) return window.localStorage;
}
catch (e)
{
return undefined;
}
}
//Store Timeline Data to localStorage
function storeTimelineData(){
var data=timeline.getData();
localStorage.setItem('mytimeline', JSON.stringify(data));
var storedData=JSON.parse( localStorage.getItem('myTimeline') );
// clear storage
function clearLocal() {
clear: localStorage.clear();
return false;
}
Я также внес следующие изменения: body onload="storedData()" для попытки загрузки сохраненных значений localStorage и измененный div id="mytimeline" onmouseup="storeTimelineData()" для сохранения значений при внесении изменений в временную шкалу.
Изменения временной шкалы сохраняются в localStorage, и я вижу эти изменения в консоли для ключей/значений. Когда я обновляю браузер, они не загружаются в мою временную шкалу. Что я упустил?
Спасибо.
timeline.js
удален? - person Anto Jurković   schedule 03.02.2014