chrome extension の databaseですが
openDatabaseに指定するサイズは、制限値ではなくて、初期値？的なもののようで、超えてもエラーも何も出ません・・・
基本 html5では、5MBを超えるとメッセージが出て、okしたら自動拡張されるようです。
http://html5doctor.com/introducing-web-sql-databases/
とりあえず、今のところサイズを知ることは、出来ないようなので、データを入れるときにデータ容量だけ計算して保存しておこうかと思います。
サイズ取得に成功した方がいましたら教えてください。

こんな感じです。
スマートフォンやタブレットでこちらのサイト→ http://aucru.com
をご確認ください。
http://jquerymobile.com/
iOS Android Windows Phone BlackBerryに対応したサイトが簡単に作成できます。
これからいろいろなサイトに利用していきたいと思います。

同じ問題でreadyを使っているものが多かったのですが、
http://jquerymobile.com/test/docs/api/events.html

Important: Use pageInit(), not $(document).ready()

ということでこう書きました。

$( ‘#page_main’ ).live( ‘pageinit’,function(event){
$(’#search_form’).unbind(’submit’).bind(’submit’, function(){search();});
});

#page_mainは、data-role=pageのIDです。
submitをunbindしていますが、追加だけで良い場合は、要りません。
ここでsearch()を読んでいるのですが、ここでbindした場合、 search()関数内の$(”#input_id”).val(); は有効になります。
他でsearch();を読んでもval()で取得することは出来ませんでした。
http://jquerymobile.com
のサンプルを見ているとhtml5の勉強にもなって面白いですね。
=== ajaxで取得するとid指定した物が2つになる・・・同じelementが増えていく？ ===
ajaxでの遷移を停止する。
* formタグに data-ajax=”false”
* aタグに rel=”externals”
* jquery と jquerymobileの間に設定コードを書く。
<script src=”http://code.jquery.com/jquery-1.6.4.min.js”></script>
<script type=”text/javascript”>
$(document).live(”mobileinit”, function() {
$.mobile.ajaxEnabled = false;
$.mobile.ajaxLinksEnabled = false;
$.mobile.ajaxFormsEnabled = false;
});
</script>
<script src=”http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js”></script>
* changepageのときのajaxをやめたい・・・
と思ったのですが。
そうじゃなくて、pageのidをちゃんと管理しないといけないみたいですね。
修正が必要です。

articleは記事で、sectionが段落みたいな
h1-h6はsection毎に使えるのかな

<article>
<section>
<h1> section 1 </h1>
</section>
<section>
<h1> section 2 </h1>
</section>
</article>