プログラミング 「JavaScript」 一覧[7]

並び順

JavaScriptにおける数値の桁数をそろえる(ゼロパディング)方法

令和4年 3月 5日
JavaScriptにおける数値の桁数をそろえる(ゼロパディング)方法_サムネイル画像

JavaScriptにおいて、数値の桁数をそろえる(ゼロパディング)にはどのような処理を行ったらよいのか? ゼロパディングとは、0…

手段 文字列とし、slice()関数を使う事で簡単に実現が可能。 slice()関数は、文字列…

JavaScript

JavaScriptの有効・無効を判別して表示する内容を変更する方法

令和3年 3月 25日
JavaScriptの有効・無効を判別して表示する内容を変更する方法_サムネイル画像

ブラウザ設定にて、JavaScriptが無効になっている場合は通常ページとは別の内容を表示させたい。その為には JavaScriptが有効・…

手段 考え方としては、通常表示するページを”クラスを付与した”JavaScript無効状態の…

JavaScript

jQuery・PHPにてAjax通信を行う

平成30年 10月 21日
jQuery・PHPにてAjax通信を行う_サムネイル画像

画面遷移なしに表示ページの情報を更新する為には、サーバと非同期通信Ajaxで行われている。 その仕組みを習得し実装できるよう…

手段 jQuery側でデータをAjax(JSON形式)でphpに渡し、そのデータを処理した後、再…

JavaScript

toggleClassメソッドを利用しクラスの追加・削除を行う

平成30年 9月 12日
toggleClassメソッドを利用しクラスの追加・削除を行う_サムネイル画像

表示・非表示等の切り替え作業を簡潔に行う処理方法に「toggleClassメソッド」がある。その詳細を学ぶ。

手段 JavaScriptにて実現可能。 表示・非表示の切り替え(トグル処理)を簡潔に行う…

JavaScript

inputタグの「type='button'」で前のページに戻る動作を実現させる

平成30年 8月 14日
inputタグの「type='button'」で前のページに戻る動作を実現させる_サムネイル画像

「input type='button'」を利用して前のページへ戻りたい場面がでてきた。 その為、前のページへ戻るボタンにて[ページ戻り]を…

手段 Javascriptにて実現可能。 onclickイベント、history.back()で実現する事ができ…

JavaScript

チェックボックスの全選択・全解除を行うスクリプト

平成30年 8月 13日
チェックボックスの全選択・全解除を行うスクリプト_サムネイル画像

作成するページにて、チェックボックスの数が増えてき、全選択・全解除機能を持たせたくなある場面がでてきた。 全選択・全解除…

手段 JavaScriptにて実現可能。(今回はjQueryを使用。) jQuery動作の流れ 全選択…

JavaScript

スクロール途中からヘッダー部分を固定させる

平成30年 8月 1日
スクロール途中からヘッダー部分を固定させる_サムネイル画像

スクロールし始めるとヘッダー位置が固定するページの仕組みを理解する。

手段 JavaScriptにて実現可能。規定の位置までスクロールしたらheaderに対してクラス…

JavaScript