2009年 10月 19日

昨日は

  • 南禅寺
    • 三門
    • 方丈庭園
    • 金地院
  • 東福寺
  • 伏見稲荷大社
  • 下鴨神社

今日は

  • 比叡山延暦寺
    • 東塔
    • 西塔
  • ガーデンミュージアム比叡

延暦寺はさすがに広くて規模がでかかった。服にお香の匂いがつきまくった。なぜか自分は仏教信仰ないな、となんか実感した。

ガーデンミュージアム比叡は入場料1000円の割にはそんなに広くなくてどうなんだろうというか、府立植物園 (200円) と比べてしまうとコストパフォーマンスの悪さが気になった。まぁもう行かないだろう…… 眺めは良かった。

2009年 10月 18日

斜陽を連想した

2009年 10月 17日

Android のビューで活用すると便利な select 要素

Android では select をクリックすると選択肢がいい感じにポップアップしてくれ見た目を大幅に変えることができそれによりアクションを選択するような場面で場所をとらずに有効に使うことができる以下例

フォーカス (オレンジの outline) がついているのが select である。クリックすると

というふうにポップアップされる。ここで、したい操作を選ぶ、という感じになる。もちろん選択肢が増えても適切にスクロールバーがでるため問題ない。

上の例に関係する部分の CSS と JS をぬきだす。ようは onchange イベントを監視しているだけでポイントというほどのところではないけど selectedIndex は代入できセレクトされているものを変更できるので戻しているところか

form select.post {
        position: absolute;
        top: 0;
        right: 5px;
        width: 25px;
        height: 24px;
        margin: 7px 0;;
        padding: 0 5px;
        outline: none;
        border: 1px solid #000;
        background: #999;
        color: #fff;
        text-align: center;
        -webkit-appearance: none;
}
new function PostOperations () {
    var define = {
        Post : function (form) {
            form.submit();
        },
        Location : function (form, input) {
            // do
        }
    };

    var form = document.getElementById("input");
    if (form) {
        var input = form.querySelector("input[name=msg]");
        var select = document.querySelector("select.post");
        select.addEventListener("change", function (e) {
            var fun = define[select.value];
            try {
                if (fun) fun(form, input);
            } catch (e) { alert(e) }
            select.selectedIndex = 0;
        }, false);
    }
};