jQuery Mobile Dateboxを利用して日付入力を簡単にする

jQuery Mobile Dateboxは日付入力を支援するjQuery Mobileのプラグインです。date型に対応していないブラウザでの入力に便利です。日付入力方式はいろいろあるのですが、今回はカレンダー式の入力(CalBox)を試してみました。

jQuery Validationを利用して入力値をチェックする

jQuery Validationは入力値チェックが簡単に行えるHTML5とjQueryのフレームワークです。このプラグインを利用して数値やメールアドレス、日付等の入力値チェックを行ってみました。

フリップスイッチの値によってページ遷移先を分岐させる

jQuery Mobileでアンカータグをクリックしたとき、条件によってページ遷移先を分岐させる処理を模索していました。vclickイベントで検知して、$.mobile.changePageで遷移させる方法が良さそうです。というわけで、フリップスイッチの値がOFFならばOFF画面へ、ONならばON画面へ遷移する処理を実装しました。

jqPlotとPhoneGapでアプリに折れ線グラフを描画する

jqPlotは折れ線グラフや円グラフ等が描画できるJavaScriptのライブラリです。このjqPlotとPhoneGapを利用して、アプリに簡単な折れ線グラフを描画してみました。

jQuery Mobileを利用したボタンにアイコンが表示されない問題を解決する

jQuery Mobileを利用するとボタンにアイコンを簡単に表示させることができますbutton要素の中に”data-icon”属性を追加することでアイコン付きボタンを表示させることができるのですが、そのアイコンが表示されない問題に遭遇しました。

<button data-icon="add">追加</button>

PhoneGapとjQuery Mobileを使ったネイティブアプリ開発

iOSやAndroidのネイティブアプリをjQuery Mobileで作りたい。PhoneGapというフレームワークを使えばそれが可能なようなので、さっそくPhoneGapとjQuery MobileでHello World!の表示まで試してみました。