CREATE TABLE `test_dt ` ( test_id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, test_name TEXT NOT NULL , )
INSERT INTO
test_dt ( test_name, test_date )
VALUES ( "日本語データのテスト" , datetime("now","localtime") )
DROP TABLE test_dt;
HTML5で導入されるClient-side databaseが使用できるブラウザは以下の通り
( 一部ブラウザではHTML5未対応でも GoogleGears をインストールすると使えます。)
http://gears.google.com/
Win + IE6,7,8(Gears使用) Win + Firefox3.6(Gears使用) Win + Chrome(Gears使用) Win + Opera10以降 Mac + Safari 3.1 , Safari 4以降 Mac + Chrome
使用できないのは
Mac + Firefox 3.6(Google Gears 未対応) Mac + Opera 10.10(Google Gears 未対応)
だけですね。
サンプルソース
<!DOCTYPE html>
<html lang="ja">
<head>
<script src="http://gear5.googlecode.com/hg/src/javascript/gear5.js"></script>
<script type="text/javascript" src="jkl-dumper.js"></script>
<title>HTML 5 DB</title>
<meta charset="utf-8" />
</head>
<body>
<script>
var db;
try {
if (window.openDatabase) {
db = window.openDatabase("sampledb", "1.0", "Sample Database", "1048576");
if (!db) {
alert("データベースストレージが使えません。");
}
else{
alert('db ok');
}
} else {
alert("データベースストレージはサポートされていません。");
}
} catch (error) {
// ...
}
// select
db.transaction(
function(tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS AddressList(name TEXT, address TEXT)');
var id = 12113;
var name = 'ziddy';
tx.executeSql("INSERT INTO AddressList VALUES (?, ?)", [id,name] ,
function(tx, rs) {
alert(rs.insertId);
var dumper = new JKL.Dumper();
alert( dumper.dump( rs ) );
}
);
} ,
function(error) {
alert( 'transaction error : ' + error.message');
}
);
</script>
</body>
</html>
http://builder.japan.zdnet.com/sp/firefox-3-for-developer-2008/story/0,3800087566,20385468,00.htm
http://developer.apple.com/safari/library/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/UsingtheJavascriptDatabase/UsingtheJavascriptDatabase.html