「Tips」カテゴリーアーカイブ

jQuery Mobileでセレクトメニューを使う

投稿日: 2013/05/23 作成者: admin

jQuery Mobileでセレクトメニューを使う方法。HTML標準のselect要素は 自動的に jQuery Mobileのインターフェースに変換される。 基本的な使用法 標準HTMLのselect要素を記述すると以 … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

配列を逆順(降順)にソートする(JavaScript)

投稿日: 2013/05/22 作成者: admin

JavaScriptで配列をソートするには、Array.sort() を使うが、逆順(降順)にソートするには、sort() の引数に関数を記述すればよい。 sort()の引数に「降順になっていたら正の値を返す」関数を指定 … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

配列から重複した要素を取り除く

投稿日: 2013/05/21 作成者: admin

(2013年6月修正) jQueryのunique()は、文字列には使えないようだ。 Description: Sorts an array of DOM elements, in place, with the dup … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

ローカルストレージを利用して端末にデータを保存する(HTML5)

投稿日: 2013/05/20 作成者: admin

HTML5では端末にデータを保存するためのWeb Storage という仕組が用意されている。Web Storage にはセッション中のみ有効な Session Storage と、永続的に有効な Local Stora … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

JavaScriptでブラウザのオンライン/オフライン状態を確認する

投稿日: 2013/05/18 作成者: admin

作成中のWebアプリを、オフライン状態でも動作するように改良していくにあたり、ブラウザの今の状態を知る必要があるが、これはブラウザに組み込みのオブジェクトである navigator のonLine プロパティを使えば簡単 … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

列車時刻表(7) – 乗車予定画面への遷移(共通フッタの利用)

投稿日: 2013/05/17 作成者: admin

前記事に引き続いて、乗車予定一覧画面への遷移を追加する。これまでのコーディングで、「列車時刻表画面」「駅時刻表画面」から乗車・下車アクションを実行したタイミングで乗車予定一覧画面に遷移していたが、それ以外の画面からも一覧 … 続きを読む →

カテゴリー: Development, Tips | タグ: , , | コメントする

jQueryで手動(コード)でイベントを発生させる

投稿日: 2013/05/15 作成者: admin

jQueryのアプリで手動でイベントを発生させたい場合は、trigger() を使う。対象となるイベントにはコードで追加したカスタムイベントも含まれる。 使用法： 使用例：

カテゴリー: Tips | タグ: | コメントする

JavaScriptでオブジェクトの配列をフィルタリングする

投稿日: 2013/05/12 作成者: admin

JavaScriptでオブジェクトの配列(普通の配列でもOK)に対し、あるプロパティの値をキーとして、条件を満たす要素のみを抽出したいときは、array.filter() メソッドを使う。(ソートしたい場合は、ここを参照 … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

jQuery Mobileのボタンのテキストをコードで変更する

投稿日: 2013/05/11 作成者: admin

jQuery Mobileでは、以下のHTML要素は自動的に「ボタン」になる。 button要素・input要素 a要素(data-role=”button” を指定) これらはいずれもテキストが … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

jQuery Mobileでページ切替時にアニメーション効果を加える

投稿日: 2013/05/10 作成者: admin

jQuery Mobileでは、ページ切替時にアニメーション効果を加えることができる。具体的には、”fade”,”pop”といった効果が用意されている。サンプルはここで確認 … 続きを読む →

カテゴリー: Tips | タグ: , , | コメントする