JavaScript/jQuery [TH] フォームのチェック状況を配列ではなくカンマ区切りで
とあるWebサイトで、条件を最大5件まで指定して絞り込みができる仕組みがありました。 絞り込み条件を5件まで指定すると、それ以上は指定できないように作られていて、現在指定している条件を一発で解除できるリセットボタンも用意しています。 …と、...
JavaScript/jQuery
JavaScript/jQuery 
JavaScript/jQuery WebP画像をVegas2でスライド表示する
Vegas2で画像のスライド表示を実装しているサイトのお話。 今回のヘルプ要請は、PageSpeed Insightsで「次世代フォーマットでの画像の配信をせよ」と注意されてるんだけどなんで！？という内容。 WordPressで構築したサイ...
JavaScript/jQuery ポップアップを「CSSだけ」「jQueryも併用」の2パターン作ってみた
画像の拡大や、詳細情報を表示させるため、など、サイト上でポップアップ表示を使うことはよくあると思います。 ただ表示・非表示するだけなら簡単ですが、徐々にふわっと表示（フェードイン）させたり非表示（フェードアウト）させたり、となると、少し工夫...
JavaScript/jQuery [jQuery] DataTablesでソート・フィルタ・ページング機能が簡単に付けられる！
jQueryプラグインで簡単にテーブルの並べ替えや絞り込み、ページ処理を追加できるDataTablesの紹介と、表示部分を一部日本語化して配布しています。
JavaScript/jQuery [jQuery] 行の一部だけクリック処理を変える
動きとしては、クリッカブルマップに近いものがあるのかな？ テーブルタグで表示している一覧表の中で、特定位置に表示させた文字列をクリックしたときだけ、特別な処理を行いたい、という場合の処理方法です。 とりあえず前提条件 DBからデータを読み込...
JavaScript/jQuery [JavaScript] 子ウィンドウを開く最大数を指定し、ウィンドウを使いまわす
ヘッダ内に以下を記述。もしくは外部ファイルで用意し、ヘッダ内で読み込む。 <SCRIPT LANGUAGE="JavaScript"> <!-- // ------ ページロード時の初期処理 function setValue(){ max...
JavaScript/jQuery [JavaScript] Enterキーで直接Submitする方法と無効化する方法
お問い合わせやユーザー登録などのフォームに入力をするときに、良くあること。 日本語を入力した後、そのままEnterキーで文字を確定しようとしたつもりが、実は英数字入力モードになっていて、入力途中なのにそのままSubmit（送信）されてしまっ...