jsonなどの情報を使って一覧表示をした際に、ページを分割してページャーで切り替えられるようにする処理をjQueryで実装してみます。
HOME > JavaScript
-
jQueryでページ送りを実装する
-
data属性のうち特定の値を持たない要素のみを対象にする
jQueryを使って、特定のdata属性のうち特定の値を持たない要素にclassを付けるという処理を実装していたのですが、その際に意図しない挙動になることがあったので、備忘録としてメモしておきます。
-
Google Maps APIで表示しているマーカーを切り替える
昨日jsonのデータを使ってGoogle Mapsにマーカーを設置する記事を掲載しましたが、このマーカーをカテゴリ毎に絞り込めるようにしてみます。
-
Google Maps APIでjsonのデータからマーカーを設置する
CMSで入力した内容をjsonで出力してGoogle Mapsに表示するということがたまにあるので、jsonの内容使ってマーカーを設置する実装方法をメモしておきます。
-
video要素にsetAttributeで追加したmutedがFirefoxとchromeで効かない
setAttributeでmutedを指定した際に、Firefoxとchromeでミュートにならない現象に遭遇したのでメモ。
-
jQueryでキーワード検索の機能を実装する
CMSの記事情報をjsonで出力する前提で、json内の情報を検索する処理をjQueryで実装してみます。
-
Media Queriesの状態をJavaScriptで取得する
Media QueriesのブレークポイントとJavaScriptの実行タイミングを合わせる方法として、過去に以下の記事を投稿しました。
Media QueriesのブレークポイントでJavaScriptを実行する方法
matchMediaを使ってみる
今回は別の方法として、bodyタグの擬似要素に設定したcontentの値を判別して実装する方法を試してみます。 -
クリッカブルマップをレスポンシブ対応するプラグイン「jQuery RWD Image Maps」を使ってみる
クリッカブルマップをレスポンシブ対応する機会があったので、jQueryプラグインの「jQuery RWD Image Maps」で対応してみました。
-
JavaScriptでトランプのカードをシャッフルする
JavaScriptでトランプゲームを作る用に、トランプのデータ生成からシャッフルまでの実装を試してみました。
-
JavaScriptで外部のJavaScriptを読み込む
外部ファイルのJavaScriptをJavaScriptで読み込む方法を試してみました。