HTML 5のClient-side database storageが有効になっている

HTML 5 4.11 Client-side database storage

SafariのNighty Build用のdemoページ。

screenshot

WebKit HTML 5 SQL Storage Notes Demo

データベース操作を行っている部分をすこし抜き出してみた。

db = openDatabase(“NoteTest”, “1.0”, “HTML5 Database API example”, 200000);

db.transaction(function(tx)

{

tx.executeSql(“DELETE FROM WebKitStickyNotes WHERE id = ?”, [note.id]);

});

db.transaction(function (tx)

{

tx.executeSql(“UPDATE WebKitStickyNotes SET note = ?, timestamp = ?, left = ?, top = ?, zindex = ? WHERE id = ?”, [note.text, note.timestamp, note.left, note.top, note.zIndex, note.id]);

});

db.transaction(function (tx)

{

tx.executeSql(“INSERT INTO WebKitStickyNotes (id, note, timestamp, left, top, zindex) VALUES (?, ?, ?, ?, ?, ?)”, [note.id, note.text, note.timestamp, note.left, note.top, note.zIndex]);

});

tx.executeSql(“SELECT id, note, timestamp, left, top, zindex FROM WebKitStickyNotes”, [], function(tx, result) {

for (var i = 0; i < result.rows.length; ++i) {

var row = result.rows.item(i);

var note = new Note();

note.id = row[‘id’];

note.text = row[‘note’];

note.timestamp = row[‘timestamp’];

note.left = row[‘left’];

note.top = row[‘top’];

note.zIndex = row[‘zindex’];

if (row[‘id’] > highestId)

highestId = row[‘id’];

if (row[‘zindex’] > highestZ)

highestZ = row[‘zindex’];

}

WebKit HTML 5 SQL Storage Notes Demo

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

%d人のブロガーが「いいね」をつけました。