Mobile 5‎ > ‎

LocalStorage



本サンプルはOS2.1, OS 2.2以降での実行が必要です。
現在のDroidget SDKのVersionでは本サンプルは動作しません。

Configの編集


src/config.xml
<?xml version="1.0" encoding="UTF-8"?>
<widget id="UAAgent_1281148337204" version="1.0" width="300" height="200">
    <content src="index.html" type="text/html"/>
    <name>Local Storage</name>
    <description>Local Storage Test</description>
    <author url="http://www.gclue.com"></author>
    <icon src="icon.png"/>
    <license>(C)2010 GClue K.K</license>
</widget>

JavaScriptの作成


src/js/script.js
function save(){
    localStorage.setItem("KEY111","abcdefg");
    alert("SAVE");
}

function load(){
    var mStr = localStorage.getItem("KEY111");
    alert("LOAD:"+mStr);
}

function remove(){
    localStorage.removeItem("KEY111");
    alert("REMOVE");
}

index.htmlの作成


src/index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta name="viewport" content="width=240" /> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <title>LocalStorage</title>
    <script type="text/javascript" src="js/script.js"></script> 
</head>
<body>
    <input type="button" id="formBtn1" value="save" onclick="save()"/> 
    <input type="button" id="formBtn2" value="load" onclick="load()"/> 
    <input type="button" id="formBtn3" value="remove" onclick="remove()"/> 
</body>
</html>

Comments