View example

リンクはこちら

機能一覧

ソース

コード内で主にWeb Storageの機能を使っている部分は、こちらです。

// file list を初期化
function updateFileList() {
    var file_list = $("#file-list");
    
    file_list.html("");
    
    // localStorageからデータを取り出してセレクトボックスに追加
    for (var i=0; i<localStorage.length; ++i) {
        var key = localStorage.key(i);
        var option = $("<option />").text(key).val(key);
        file_list.append(option);
    }
}

function save(file_name, data) {
    var now = localStorage.getItem(file_name);
    if (now != undefined) {
        if (confirm("そのファイルはすでに存在します。上書きしてもよろしいでしょうか？")==false) {
            return 0;
        }
    }
    // localStorageにデータを保存
    // 引数は key, data です
    localStorage.setItem(file_name, data);
    updateFileList();
}

function load(file_name) {
    // localStorageからキーに対応したデータを取得する
    return localStorage.getItem(file_name);
}

function remove(file_name) {
    // localStorageからキーに対応したデータを削除する
    localStorage.removeItem(file_name);
    updateFileList();
}