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

Google Maps APIで画像の一部をマーカーとして使う

Google Maps API上にマーカーを表示するには、マーカー用の画像を用意するだけでいいのだが、マーカーごとに画像を変えたいケースで、個別に画像を準備すると、サーバから画像ファイルをロードするオーバヘッドが問題にな … 続きを読む

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

JavaScriptでCSVデータ(項目行あり)をJSON形式に変換する

駅データ.jpの路線や駅のデータは、先頭行が項目名になっているCSV形式で提供される。こういった「項目行があるCSV形式」ファイルをJSONに変換する方法。項目行で指定される項目名を、そのままJSONデータのプロパティ名 … 続きを読む

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

HTMLで画像と他要素の縦方向位置を揃える

vertical-alignプロパティを使って、HTMLで画像と他要素の縦方向位置を揃える方法。 このプロパティを使って、リンクボタンと画像の縦方向位置を揃えた結果は以下。 少しわかりにくいが、下の行だけ vertica … 続きを読む

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

JavaScriptのsetTimeout()でパラメータ付き関数を呼び出す

柔軟な記述を許容するJavaScriptならではの方法。 JavaScriptで一定時間ごとに(一定回数)処理を実行したいときは、 setInterval()を使う setInterval()で処理関数名と実行間隔を指定 … 続きを読む

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

jQuery EasyUI の検索ボックス(SearchBox)を使う

検索用の「テキストボックスと検索ボタン」の組み合わせは使いたい局面が多いが、jQuery EasyUI の検索ボックス(SearchBox)により簡単に実装できる。 説明文字(プレースホルダ)が薄い灰色で表示され、虫眼鏡 … 続きを読む

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

jQuery Mobileの listview要素を ‘disable’ にする

あまり必要性はないかもしれないが、jQuery Mobileの listview要素を ‘disable’ にする、つまりリストには表示されるが、グレーアウトしてクリックなどの操作をできないように … 続きを読む

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

jQuery Mobileでカスタムアイコンを使う(2)

jQuery Mobileで使えるアイコンを探していたら、’jQuery Mobile Icon Pack‘ を見つけた。 使い方は以下のとおり。 GitHubから一括ダウンロードする アイコンフ … 続きを読む

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

jQuery Mobileでカスタムアイコンを使う(1)

jQuery Mobileで標準アイコン以外のアイコンを利用する方法。通常では、以下のように名前(例:’arrow-r’)を指定して表示するアイコンを指定する。 自前でアイコンを用意する場合は以下 … 続きを読む

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

jQuery Mobileのアコーディオン(collapsible set)に動的に項目を追加する

jQuery Mobileのアコーディオンを使う際の注意点。リストビューと同様、項目追加が完了したタイミングで、表示を更新する必要がある。アコーディオンでは、以下の2つの要素に対して更新を行う。collapsible は … 続きを読む

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

jQuery Mobileのアコーディオンを使う

jQuery Mobileのアコーディオン(開閉可能なブロック)を使ってみる。 基本的な使い方 各ブロックを’collapsible’で指定し、閉じたときのタイトルをヘッダ要素(h1..h6)で記 … 続きを読む

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