Javascript・jQuery の記事一覧
![[JS]jQuery Datepickerの日付フォーマットを変更する方法](https://www.webantena.net/wp-content/uploads/2013/02/jquerydatepicker.png)
以前紹介させていただいたjQuery Datepickerですが、カレンダーの日付をクリックして表示される日付のフォーマットをyy/mm/dd
に変更する方法のご紹介です。
続きを読む
![[JS]jQueryのスムーススクロールで着地点の位置を微妙にずらす方法](https://www.webantena.net/wp-content/uploads/2013/04/javascriptjquery.png)
jQueryのスムーススクロールを使って指定の場所へページ内遷移した時、アンカー名から上下に位置にずらして着地させる方法のご紹介です。
例えばヘッダーがページ上部に固定されていて、ヘッダーの高さ分だけ着地点を調整しないといけないような場合に便利なカスタマイズです。
続きを読む
![[JS]jQuery fatNavの拡大縮小アニメーションを停止する方法](https://www.webantena.net/wp-content/uploads/2015/10/jqueryfatnav.png)
[JS]jQuery fatNavの拡大縮小アニメーションを停止する方法
以前にシンプルなフルスクリーンメニューのjQueryプラグインjQuery fatNavの記事で紹介させていただいたjQuery fatNavで、ドロワーメニューの拡大縮小アニメーションをやめる方法のご紹介です。
制作案件でjQuery fatNavを使用した際に、別のjQueryプラグインとの兼ね合いでどうしてもメニューの拡大縮小のエフェクトを外さないといけなかったという事情があり…
だったらjQuery fatNavを使うなという話ですがww、案件の都合で仕方なかったのでカスタマイズしました。
続きを読む
![[JS]jQuery不要のコンテンツスライダーSwiperの使い方(デモあり)](https://www.webantena.net/wp-content/uploads/2017/10/swiper.png)
このブログでもbxsliderなど、いくつか便利なスライダープラグインを紹介させていただいておりますが、今回はjQuery不要の高機能スライダーSwiperの使い方を、デモ付きで紹介しようと思います。
SwiperはIMG画像ファイルだけでなく背景画像もスライド可能で、しかもレスポンシブ対応のスライダーなので、様々なサイトで利用することができると思います。
続きを読む
![[JS]テキストを縦書きにできるJavascript「h2vR.js」の使い方](https://www.webantena.net/wp-content/uploads/2017/07/h2vR.png)
テキストを縦書きにできるJavascript「h2vR.js」のご紹介です。
ファイルも軽量でjQuery不要で使えますし、ちょっと縦書きにして表示したいテキストにピンポイントでクラスを付与するだけなので、CSSでも縦書きの指定ができますが個人的にはh2vR.jsを使う手もありかなと思います。
続きを読む
![[JS]特定の要素の<a>タグを除外してスムーススクロールをする方法](https://www.webantena.net/wp-content/uploads/2013/04/javascriptjquery.png)
jQueryのスムーススクロールを使うことはよくあるのではないかと思いますが、今回は指定したクラスの<a>タグをスムーススクロールから除外する方法を紹介させていただきます。
続きを読む
![[JS]シンプルなフルスクリーンメニューのjQueryプラグイン「jQuery fatNav」](https://www.webantena.net/wp-content/uploads/2015/10/jqueryfatnav.png)
ハンバーガーメニューをクリックして、フルスクリーンでナビゲーションメニューを表示できるjQueryプラグイン「jQuery fatNav」のご紹介です。
続きを読む
![[JS]AjaxZip3 をGoogle Code 版からGithub 版へ移行する手順(2016年1月までに要移行)](https://www.webantena.net/wp-content/uploads/2015/04/googledeveloper.png)
以前に 郵便番号から住所を自動入力できるjavascript「ajaxzip3」 の記事でも紹介させていただいたAjaxZip3 ですが、2016年1月に「Google Code」が閉鎖される 影響により、Google Code 版からGithub 版へ移行する必要があります。
続きを読む
![[JS]フォームの入力値を数字や整数のみに制御できるjQuerysプラグイン「jQuery Plugin – Numeric」](https://www.webantena.net/wp-content/uploads/2013/04/javascriptjquery.png)
メールフォームなどテキストボックスへ文字を入力する際に、半角数字のみに制限してくれるjQueryプラグイン「jQuery Plugin – Numeric」のご紹介です。
続きを読む
![[JS]一定量スクロールしてから「ページの先頭へ」ボタンを表示する方法](https://www.webantena.net/wp-content/uploads/2013/04/javascriptjquery.png)
jQueryで、ページをスクロールしたら「ページの先頭へ」のリンクを表示/非表示する方法のご紹介です。
「ページへ先頭へ」リンクは、ページを開いた時には表示されませんが、少しスクロールする(今回の例ではページ上部から100px)とフェードインで表示され、リンクを踏んでページ先頭へ戻るとフェードアウトで非表示になる、という動きになります。
続きを読む
![[JS]テキストをクリップボードにコピーさせることができるプラグイン「clipboard.js」](https://www.webantena.net/wp-content/uploads/2015/02/clipboardjs.png)
ソースコードやテキストをクリップボードにコピーしてもらうのに便利なjQuery プラグイン「clipboard.js」のご紹介です。
続きを読む
![[JS]jQueryでフォームへテキストのペーストを禁止する方法](https://www.webantena.net/wp-content/uploads/2013/04/javascriptjquery.png)
input type=”text”などのフォームへテキストをペーストさせないように、jQueryで制御する方法のご紹介です。
続きを読む
![[JS]アニメーションの種類も豊富なローディング用プラグイン「fakeLoader.js」](https://www.webantena.net/wp-content/uploads/2015/02/fakeloaderjs.png)
ページ読み込み時のローディングを簡単に実装できるjQueryプラグイン「fakeLoader.js」のご紹介です。
fakeLoader.jsにはローディングのアニメーションが最初から7種類用意されており、またローディング画面の表示時間や背景色などの設定も可能ですので、非常に便利なプラグインではないかと思います。
続きを読む
![[JS]メールの二重送信を防止するjQueryプラグイン「jQuerty Form disable on submit」](https://www.webantena.net/wp-content/uploads/2013/04/javascriptjquery.png)
フォームで送信ボタンがダブルクリックされ、メールが二重送信されてしまうことを防ぐためのjQuery プラグイン「jQuery Form disable on submit」のご紹介です。
※jQueryを使うため、サーバーサイドではなくクライアントサイドでの防止策になります。
続きを読む