• RSS
[JS]シンプルなフルスクリーンメニューのjQueryプラグイン「jQuery fatNav」

ハンバーガーメニューをクリックして、フルスクリーンでナビゲーションメニューを表示できるjQueryプラグイン「jQuery fatNav」のご紹介です。
続きを読む

[JS]AjaxZip3 をGoogle Code 版からGithub 版へ移行する手順(2016年1月までに要移行)

以前に 郵便番号から住所を自動入力できるjavascript「ajaxzip3」 の記事でも紹介させていただいたAjaxZip3 ですが、2016年1月に「Google Code」が閉鎖される 影響により、Google Code 版からGithub 版へ移行する必要があります。
続きを読む

[JS]フォームの入力値を数字や整数のみに制御できるjQuerysプラグイン「jQuery Plugin – Numeric」

メールフォームなどテキストボックスへ文字を入力する際に、半角数字のみに制限してくれるjQueryプラグイン「jQuery Plugin – Numeric」のご紹介です。
続きを読む

[JS]一定量スクロールしてから「ページの先頭へ」ボタンを表示する方法

jQueryで、ページをスクロールしたら「ページの先頭へ」のリンクを表示/非表示する方法のご紹介です。

「ページへ先頭へ」リンクは、ページを開いた時には表示されませんが、少しスクロールする(今回の例ではページ上部から100px)とフェードインで表示され、リンクを踏んでページ先頭へ戻るとフェードアウトで非表示になる、という動きになります。
続きを読む

[JS]テキストをクリップボードにコピーさせることができるプラグイン「clipboard.js」

ソースコードやテキストをクリップボードにコピーしてもらうのに便利なjQuery プラグイン「clipboard.js」のご紹介です。
続きを読む

[JS]jQueryでフォームへテキストのペーストを禁止する方法

input type=”text”などのフォームへテキストをペーストさせないように、jQueryで制御する方法のご紹介です。
続きを読む

[JS]アニメーションの種類も豊富なローディング用プラグイン「fakeLoader.js」

ページ読み込み時のローディングを簡単に実装できるjQueryプラグイン「fakeLoader.js」のご紹介です。

fakeLoader.jsにはローディングのアニメーションが最初から7種類用意されており、またローディング画面の表示時間や背景色などの設定も可能ですので、非常に便利なプラグインではないかと思います。
続きを読む

[JS]メールの二重送信を防止するjQueryプラグイン「jQuerty Form disable on submit」

フォームで送信ボタンがダブルクリックされ、メールが二重送信されてしまうことを防ぐためのjQuery プラグイン「jQuery Form disable on submit」のご紹介です。

※jQueryを使うため、サーバーサイドではなくクライアントサイドでの防止策になります。
続きを読む

Google Maps API の地図のレスポンシブWEB対応

Google Maps API の地図をレスポンシブWEBデザイン対応にする方法のご紹介です。

PCでブラウザを伸縮しても、スマートフォン端末を縦横に回転しても、Google Maps のピンを常に中央に表示させることができます。
続きを読む

[JS]背景画像にスライドやフェードの動きを付与できる「jQuery.BgSwitcher」

複数の背景画像をスライドで横に動かしたり、フェードイン、フェードアウトで切り替えたりすることができるjQueryプラグイン「jQuery.BgSwitcher」のご紹介です。
続きを読む

[JS]jQueryでローディング画面を実装する方法

ページを読み込む際に、jQueryでローディング画面を実装する方法のご紹介です。
続きを読む

[JS]ブラウザに合わせて背景画像を拡大・縮小表示できるjQueryプラグイン「maxImage」

ブラウザのサイズに合わせて背景画像を伸縮できるjQueryプラグイン「maxImage」のご紹介です。

1枚の背景画像を置く以外にも、複数枚の画像をフェードイン・フェードアウトで切り替え表示させることもできますので、非常に便利なプラグインではないかと思います。
続きを読む

[JS]jQuery のアラートで「OK」ボタンクリック時に指定のページへ遷移させる方法

以前にJavaScript による確認アラートの表示方法 で紹介させていただいた記事の関連になりますが、

今度はjQueryで、フォームなどで「入力内容を確認する」ボタンをクリックした際に、アラートを立ち上げて「OK」ボタンか「キャンセル」ボタンをクリックさせる方法のご紹介です。
続きを読む

[JS]特定の要素にブラー効果(ぼかし)を与えるjQueryプラグイン「Foggy」

スマホアプリ起動時のスプラッシュ画像などにもよく見る「磨りガラス風のぼかし」効果ですが、

特定の要素に対してこのぼかし効果を与えることができるというjQueryプラグイン「Foggy」のご紹介です。
続きを読む