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(送信)されてしまっ...
スポンサーリンク