jQuery jQueryフォームにCSV保存機能を追加する方法
はじめに本記事では、jQuery を使ったお問い合わせフォームに、サーバーサイドでCSV保存機能を実装する方法を解説します。修正後のファイル構成今回の実装で使用するファイル構成は以下の通りです：project/│├── index.html...
jQuery
jQuery jQuery jQueryフォームにCSRF対策を追加する方法
はじめにWebアプリケーションを開発する際、CSRF (Cross-Site Request Forgery) 対策は欠かせません。本記事では、jQuery を使用したシンプルなフォームに、CSRF対策を実装する方法を解説します。この記事で...
jQuery jQueryフォームにGoogle reCAPTCHAを導入する方法
はじめにGoogle reCAPTCHAを利用してスパム対策を行うことは、フォームのセキュリティを向上させるための効果的な方法です。本記事では、以前作成した「jQueryで簡易ルーティングを使った問い合わせフォームの作成方法」にreCAPT...
jQuery jQueryで簡易ルーティングを使った問い合わせフォームの作成方法
本記事では、jQuery と history.pushState を活用し、URLがページごとに変わる3ステップ構成（入力・確認・完了）の問い合わせフォームを作成する方法をご紹介します。この方法では、シングルページアプリケーション (SPA...
jQuery jQueryとPHPで作るお問い合わせフォーム
本記事では、jQueryを使用してお問い合わせフォームを作成する方法を紹介します。このフォームは、Vue.jsとPHPで作るお問い合わせフォームを基にしたものです。使用技術とバージョン情報jQuery: 3.6.4Tailwind CSS:...
jQuery WordPress | Ajaxで非同期に記事データを追加で読み込む方法
アーカイブページの記事一覧で「もっと見る」や「View More」のようなボタンを置いてクリック時にページ遷移せず次ページの記事一覧データをAjaxで読み込み追加する方法のメモ。functions.php に設定admin-ajax.php...
fancybox3 fancybox3でYouTube動画をサクッと開く方法
画像や動画をページ内に簡単にオーバーレイ表示させることが出来るjQueryのプラグインfancyboxを利用してYouTube動画をサクッと表示させる方法をご紹介します。サクッと対応するためjQueryとfancyboxはCDNを利用したい...
jQuery JS / jQuery パラメータで指定された計測用コードをページ内のaタグ全てに付与する方法
アフィリエイトやアクセス解析で利用する計測用のパラメータがURLに付与されている場合に同ページ内の全てのaタグに強制的に付与する方法メモ。ページ内のaタグ全てに指定パラメータを付与する<script>//現在ページURLのプロトコルとホスト...
jQuery jQuery changeやclickイベントをトリガーにデータ加工してsubmitする方法
ボタンやセレクトボックスなどの選択状況（change / click イベント）に応じてデータ加工やバリデーションを行った後にsubmitする方法のサンプル（※バリデーションやデータ加工の詳細は割愛）。change / click イベント...
jQuery jQuery フォーム内の必須項目の入力状況をみて送信ボタンを有効／無効にする方法
お問い合わせなど入力フォーム内に "required" がついた必須項目の入力状況をみて送信ボタンを有効／無効にする方法を書きます。必須項目の状況をみて送信ボタンを有効／無効にするjQueryコードサンプル<script type="tex...
jQuery jQuery チェックボックスの数とチェック済み数を比較する方法
ウェブサービスへの登録や退会をユーザーが行う際に規約に同意した後に登録 Or 退会してもらう際、ページ内に複数のチェックボックスを用意して全ての同意がとれた場合にのみ登録ボタンをアクティブにしたい場合などに利用します。要素内チェックボックス...
jQuery jQuery 指定要素にclassを追加・削除する方法
classを追加・削除追加$("要素").addClass("classname");削除$("要素").removeClass("classname");hasClassでclassが指定されているか判定して追加・削除$('#button...
jQuery jQuery “Syntax error, unrecognized expression” というエラーで Mac Safari のみ不具合が出る原因と対処法
jQueryでセレクトボックスの選択状況に応じて商品金額の合計値をテキストボックスに適用するスクリプトを書いていたのですが、Chrome や Firefox は動く処理が Mac Safari のみ動かない不具合がありました。エラー確認エラ...
jQuery jQuery 親要素のN番目の後にコンテンツを追加する方法
jQueryで指定した親要素のN番目の後に広告タグなどコンテンツを追加する方法のメモ。コード記事一覧ページなどの５番目の記事の後にコンテンツを追加するjQuery(function ($) { $("#content > div.inner...
jQuery jQuery ブラウザの横幅を条件に処理を変える方法
レスポンシブデザインのサイトやブラウザの横幅を条件に何らかの処理を変えたい場合に利用できます。サンプルこのサンプルはブラウザの横幅が660px以下かどうかを分岐点に div#content の width を変更する処理をしています。$(w...