JavaScript,jQuery ページ内リンク（アンカーリンク）でスムーズに移動させる（絶対URL・相対URL対応）
ページ内リンク（アンカーリンク）は基本的に【<a href="#link">】といった感じで指定しますが、たまにグローバルナビやフッターのリンクなど全ページ共通箇所でリンクを指定している場合があります。そういった場合、相対パスで各ページに書...
JavaScript,jQuery
JavaScript,jQuery 
JavaScript,jQuery jQueryでセレクトボックスの特定optionを削除する
すごいニッチな内容ですが、実際に業務にあったことで、ワードプレスで構築したサイトで各記事毎にメールフォーム（contactform7）を設置し、送信するとその記事のタイトルを含めてメールが届くといったものでした。その際、メールフォームにセレ...
JavaScript,jQuery 画像をトリミングしてくれるCSS【object-fit】をIEにも対応させる方法
例えばギャラリー一覧ページなどで、サムネイルサイズがバラバラだと格好がつかないので、全部同じサイズで揃えたいときなんかに、便利な【object-fit】というCSSがありますが、IEに対応していません。以下サンプルのように、【object-...
JavaScript,jQuery FirefoxでJavaScriptのwindow.closeが効かない場合の解決方法
Firefoxでは、別タブ等で開かれたページを「window.close()」で閉じることが出来ません。これはFirefoxのセキュリティポリシーで決められていることなので、どうにもできませんが、以下のJavaScriptで一応は解決可能で...
JavaScript,jQuery 【jQuery】テキストエリアで1行毎に文字数をカウントして任意の数値を超えたらアラートを出す
メールの規約に「RFC2822」というものがあります。この規約により、メールの本文で文字数が998バイト以上（日本語なら500文字くらい）の場合に、自動的に改行が挿入されて、改行以降が文字化けしてしまう現象が大体起こります。そういった文章が...
JavaScript,jQuery [InstagramGraphAPI4.0対応] Instagramの写真を埋め込む方法
※InstagramGraphAPIが5.0になりました。以下記事を参考下さい。気付いたらInstagram Grap APIのバージョンが4.0になっていました。ということで、これを使ってウェブサイトにInstagramの写真を自動更新表...
JavaScript,jQuery bxSliderで縦スワイプを無効にする方法
たまにややこしい要望があるときはスライダーを自作しますが、基本的には「bxSlider」を使用しています。ただ、1つ問題なのは、スマホ時にスワイプしていっていると、スライダーの上でスワイプが効かなくて、イーッ！となります。ファーストビューで...
JavaScript,jQuery jQueryプラグインで半角数字のみ入力可能にする方法
お客様より、フォームのinputで、郵便番号などで半角数字のみを入力できるようにしてほしいと要望がありました。とりあえずググった情報で、jQueryで半角数字のみ入力可能としてみました。その際、矢印やら削除キーを動くようにもしました。が、「...