JavaScript jQueryでスクロールしたとき、スクロールしていたときに表示する
最近、生のjavascriptを書くのが面倒になってきて、ついjQueryを使っています。画面を表示したときにスクロール後の画面か、スクロールしていたら、sp-navクラスにscrollクラスを付与するコードです。htmlコード<heade...
JavaScript
JavaScript JavaScript フォーム２重送信防止（ダブルクリック防止）
フォームをダブルクリックされると困る場合のJavaScriptです。フォームの例（Larabelのブレードなので、注意）<form id="postform" name="postform" action="{{ url('/postcon...
JavaScript 【脱jQuery】cssで動作するハンバーガーメニューでページ内リンクのときハンバーガーメニューをJavaScriptで消す
CSSで表示、非表示を切り替えるハンバーガーメニューで、ハンバーガーメニュー内にページ内リンクがあると、ハンバーガーメニューは表示されたままになってしまいます。ページ内リンクをクリックしたとき、ハンバーガーメニュー消すJavaScriptを...
JavaScript JavaSqriptで文字数のみカウント
メモです。// // // // // //// 文字数カウント// // // // // //let array = document.getElementsByClassName('text')// 配列に変換array = Arra...
JavaScript JavaScriptで要素の高さを揃える
横方法の高さを揃えるために、JavaSqriptを使う必要があったのでメモ。ターゲットのクラスはlist_nameです。let listName = document.getElementsByClassName("list_name");...
JavaScript JavaScript 複数チェックボックスを全選択・全解除（複数）
検索や入力フォームで使用するチェックボックスで、全選択・全解除が複数ある場合のサンプルです。html<form><div> <label><inputid="checks0"class=""type="checkbox"value="千葉県...
JavaScript getElementsByClassNameは、getElementByIdと扱いが違う
前に、getElementsByClassNameでDOM操作をしようとして、getElementByIdと同じように扱ったらダメなことを知っていたけど、どうやったら良いか忘れたので、メモ戻り値が違うgetElementsByClassNa...
JavaScript Google reCAPTCHA v3 2分以上でも使えるようにする
またまた、ハマってしまったGoogle reCAPTCHAということで、書き直しました。なお、この記事は2025年4月現在の方法です。Google reCAPTCHA の種類有名なのは、Google reCAPTCHA v2 とGoogle...
JavaScript リンクボタンをクリックすると、通常閉じているコンテンツが自動で開いて開いたところに遷移
タイトル長い！リンク先で、JavaScriptを使って、次のような動作をさせたくて、作ってみました。『ページB』ボタンをクリックすると開くコンテンツがあるページで、普通にリンクで開くと、コンテンツは閉じた状態。『ページA』ページBに遷移した...
JavaScript WordPressでbuttonタグを使って、リンク先にPOSTメソッドを追加
リロードすると、「フォームを再送信しますか？」と聞かれるので、あまり実用性はありません。下記を使った方が、動作が早いし、簡単だし・・・リロードしても警告でないし・・・リンク先で、JavaScriptとPHPを使って、次のような動作をさせたく...