プログラミング 「JavaScript」 一覧[7]
JavaScriptにおける数値の桁数をそろえる(ゼロパディング)方法
令和4年 3月 5日JavaScriptにおいて、数値の桁数をそろえる(ゼロパディング)にはどのような処理を行ったらよいのか? ゼロパディングとは、0…
手段 文字列とし、slice()関数を使う事で簡単に実現が可能。 slice()関数は、文字列…
JavaScriptの有効・無効を判別して表示する内容を変更する方法
令和3年 3月 25日ブラウザ設定にて、JavaScriptが無効になっている場合は通常ページとは別の内容を表示させたい。その為には JavaScriptが有効・…
手段 考え方としては、通常表示するページを”クラスを付与した”JavaScript無効状態の…
jQuery・PHPにてAjax通信を行う
平成30年 10月 21日画面遷移なしに表示ページの情報を更新する為には、サーバと非同期通信Ajaxで行われている。 その仕組みを習得し実装できるよう…
手段 jQuery側でデータをAjax(JSON形式)でphpに渡し、そのデータを処理した後、再…
toggleClassメソッドを利用しクラスの追加・削除を行う
平成30年 9月 12日表示・非表示等の切り替え作業を簡潔に行う処理方法に「toggleClassメソッド」がある。その詳細を学ぶ。
手段 JavaScriptにて実現可能。 表示・非表示の切り替え(トグル処理)を簡潔に行う…
inputタグの「type='button'」で前のページに戻る動作を実現させる
平成30年 8月 14日「input type='button'」を利用して前のページへ戻りたい場面がでてきた。 その為、前のページへ戻るボタンにて[ページ戻り]を…
手段 Javascriptにて実現可能。 onclickイベント、history.back()で実現する事ができ…
チェックボックスの全選択・全解除を行うスクリプト
平成30年 8月 13日作成するページにて、チェックボックスの数が増えてき、全選択・全解除機能を持たせたくなある場面がでてきた。 全選択・全解除…
手段 JavaScriptにて実現可能。(今回はjQueryを使用。) jQuery動作の流れ 全選択…
スクロール途中からヘッダー部分を固定させる
平成30年 8月 1日スクロールし始めるとヘッダー位置が固定するページの仕組みを理解する。
手段 JavaScriptにて実現可能。規定の位置までスクロールしたらheaderに対してクラス…