jQuery

jQTouchのノウハウまとめ(その3:色々)

引き続きjQTouchのノウハウです。 ノウハウ:liタグの中のaタグがblockになってるのを変えたい。liタグの中のaタグのスタイル:'display'が'block'になるようになっています。これはliタグはクリックするとスライドして他のページ(divタグ)を表示するよう…

jQTouchのノウハウまとめ(その1:動作の基本)

「jQTouchのノウハウのまとめ(導入)」 まず、jQTouchの動作について説明します。 基本的な動作は、「bodyタグ直下のdivタグの表示を入れ替えていく」が基本になります。つまり、以下のようなhtmlがあったとします。 <body> <div id='home'> ..... </div> <div id='subA'> .... </div> <div id='subB'> .... </div> <div id='dialog'> .... </div> </body>まず最初…

jQTouchのノウハウまとめ(導入)

私が運営する、ライフログに使える生活チェックサービス「ChanTo.me」では、iPhone/Android用のWebアプリを提供していたのですが、自分でも使いづらいし格好良くもない事は自覚してました。そこで、今月末の東京Campに出展するので、それに合わせてリニュー…

jQTouchのノウハウまとめ(その2:radioのバグ)

jQTouchで、ChanTo.meのiPhone向け画面のリニューアル中なのですが、困ったバグに遭遇しました。 ラジオボタンで片方をチェックするとチェックを変更できないというバグです。 探したところ、公式サイトのIssueにありました。http://code.google.com/p/jqtou…

Webアプリでタイムゾーンの処理をJavaScriptで行う。

我が社が提供するサービス「ChanTo.me」では、ユーザ毎にタイムゾーンを設定できるようにしています。でもこれにはいくつか問題がありました。 ログインしていない場合は、デフォルトを決めてそれを利用するしかない。 Pythonで各地のタイムゾーンに対応でき…

グラフ(チャート)を表示するjQueryライブラリ「Flot」

生活チェックサービス ChanTo.meでは、体重などの数字情報を毎日入力できるようになっているのですが、その値をグラフ表示できるようにしています。 また、毎日のチェック時に5段階評価を選択するようになっていますので、その評価も表示します。こんな感じ…