JavaScript/jQuery [TH] フォームのチェック状況を配列ではなくカンマ区切りで
とあるWebサイトで、条件を最大5件まで指定して絞り込みができる仕組みがありました。 絞り込み条件を5件まで指定すると、それ以上は指定できないように作られていて、現在指定している条件を一発で解除できるリセットボタンも用意しています。 …と、...
JavaScript
JavaScript/jQuery WEB [TH] Webサイトの絞り込みで最大件数を超えて選択できてしまう状況？
とあるWebサイトで、条件を最大5件まで指定して絞り込みができる仕組みがありました。 絞り込み条件を5件まで指定すると、それ以上は指定できないように作られていて、現在指定している条件を一発で解除できるリセットボタンも用意しています。 動作テ...
WEB [TH] reCAPTCHAのバッジを非表示にしたい
サイトにフォームを追加して、reCAPTCHAを導入したけど、スマホで表示したときにreCAPTCHAのバッジ（アイコン？）が邪魔！何とかして！…そんな今日のヘルプ。 いや、それくらい自分で調べなさいよ、とも思いましたが、規約的にそれがOK...
JavaScript/jQuery ポップアップを「CSSだけ」「jQueryも併用」の2パターン作ってみた
画像の拡大や、詳細情報を表示させるため、など、サイト上でポップアップ表示を使うことはよくあると思います。 ただ表示・非表示するだけなら簡単ですが、徐々にふわっと表示（フェードイン）させたり非表示（フェードアウト）させたり、となると、少し工夫...
WEB A-FRAMEを使ってVRコンテンツを自分のサイトに埋め込む
少し前に、GoogleVRの「VR View」を使って自分のサイトにVRコンテンツを掲載する方法をメモメモしましたが、今回はA-FRAMEというツールを使ってVRコンテンツを掲載する方法をメモメモしてみます。 このA-FRAMEというツール...
WEB GoogleVRを使ってVRコンテンツ（360度全天球画像）を自分のサイトに埋め込む
RICOHのTHETA（シータ）などの360度カメラで撮影した全天球画像や動画を、VRコンテンツとして自分のサイト（ホームページ）に埋め込むためには、GoogleVRの「VR View」を使うことができます。 無料で使え、実装も楽なので、コ...
JavaScript/jQuery [jQuery] DataTablesでソート・フィルタ・ページング機能が簡単に付けられる！
jQueryプラグインで簡単にテーブルの並べ替えや絞り込み、ページ処理を追加できるDataTablesの紹介と、表示部分を一部日本語化して配布しています。
jquery.dataTables.min.js
jQueryのプラグイン「DataTables」で使用するjsファイルを、一部日本語化したものです。
JavaScript/jQuery [jQuery] 行の一部だけクリック処理を変える
動きとしては、クリッカブルマップに近いものがあるのかな？ テーブルタグで表示している一覧表の中で、特定位置に表示させた文字列をクリックしたときだけ、特別な処理を行いたい、という場合の処理方法です。 とりあえず前提条件 DBからデータを読み込...
WEB [JavaScript] フォーカスがある間リロードを止める
評価用に作ってみた、リロードを一時停止する処理。METAタグを使ったリロードよりも画面がチカチカするので、これ自体は不採用になったけど、状況によっては使えるかもしれないのでメモメモ。 まずはヘッダに以下のような感じで記述。 <script ...