bxSliderで最後の画像から表示されることがある現象に対処しました。
ホームページ黎明期はトップページにFLASHを埋め込み「つかみ」の役割をしていました。それも時代とともに、FLASHから ...
Javascriptで少数2桁に固定してみた
PHPで計算を行った結果を表示する場合、小数点以下を固定化するのに「round関数」を使用します。ズバリ小数点桁数を指定 ...
Javascriptでカンマの入った数字から数字だけを取り出す。
先日Javascriptで金額の合計を計算するスクリプトを作成していました。単純な足し算なので、計算自体は簡単です。ただ ...
iframeの高さをJqueryで自動調整する
web制作でiframeは思いのほか重宝します。高さが合わない場合はスクロールできるため、トップページのお知らせ埋め込み ...
Javascriptで数字に3桁ごとにカンマを入れる
webで数字を扱う場合、3桁ごとにカンマを入れることがあります。金額を扱う場合などです。 PHPであれば、number_ ...
Jqueryで選択中ラジオボタンのname名を取得してみた
inputタグには「name」「type」「value」等の項目があります。今回Jqueryで選択中の「name」を取得 ...
パスワード入力欄に目玉マークを付けてみた
パスワードを入力する。最近では当たり前のようにパスワードを入力するシーンがあります。 パスワード入力欄は、文字を入力して ...
javascriptで関数が存在しているかチェックしてみた
システム構築を伴うweb制作をしていると、一見必要なさそうなことがとても役に立つことがあります。それが「関数が存在してい ...
Jqueryで偶数、奇数要素を指定する
Webデザインで、奇数・偶数判断はわりとあります。例えばテーブルデザインで、偶数行だけ背景に色を付けるなどです。 この場 ...
画像・ファイルダウンロード時に日本語名でダウンロードできるようにしたい。
ホームページから画像や資料をダウンロードすることはよくあります。例えば申請書類のダウンロードなどです。 通常はwindo ...
ヒストリバック禁止が特定ブラウザでうまく動作しない原因を調べた。
ブラウザには「ヒストリバック」と呼ばれる、前の画面に戻る機能があります。そして、これを禁止する以下の手法があります。 と ...
Jqueryで全角文字を半角に変換する
webシステムでは全角文字を半角に変換することはよくあります。フォームの郵便番号入力など、半角数字前提の入力欄に全角が入 ...
Javascriptで整数でない場合エラーにする
先日Jqueryだけで動く計算ツールを制作することがありました。単純に計算するだけなので、PHPを使うまでもなかったこと ...
Javascriptで足し算がおかしくなる現象に対処
ホームページとは一見、文章とデザインで構成されるもののように見られがちです。ですが最近のホームページは「システム」の要素 ...
bxSlider で高さをそろえてみた
bxSliderは今やトップページアイキャッチの定番ともいうべきプラグインです。画像が横に自動でスライドするあれです。 ...
Javascriptで文字列の一部を抽出する
プログラムを組んでいれば、「文字列操作」は普通にあります。例えば記事概要表示で、100文字だけ表示するなどです。 PHP ...
チェックボックスを大きく押しやすくする
先週はラジオボタンを押しやすくする方法について解説いたしました。今回はチェックボックスについて解説いたします。 チェック ...
ラジオボタンを大きく押しやすくする
ラジオボタンは、択一選択する場合に重宝するフォームです。いろいろなお問い合わせフォームでもよく目にします。 このラジオボ ...
Jquery 数字の左側に0(ゼロ)をセットしてみた
数字の左側にゼロをセットしたいケースはしばしばあります。例えば「日付」などです。 2022/12/1 と表現することもあ ...
JqueryでSELECTの選択肢を自由に変化させる
JqueryでHTMLを流動的に書き換えることはよくあります。実際にエラーメッセージ等を出力する場合等に重宝します。 今 ...
Jqueryで 画面サイズ変更をリアルタイムで処理
レスポンシブは主にスタイルシートで判定しレイアウトの自動調整を行います。画面サイズによってリアルタイム反映されます。 た ...
Jquery slideDownが完了してから動作させたい
最近はJqueryを装飾に使用することが何かと多いです。ブラウザ側だけで動作するので、手軽なことも理由のひとつです。 と ...
Jqueryのイベント発火処理に例外条件を付け加える
今回は先週の「ボタン二度押しガード」の続きです。先週はボタン二度押しをガードするために、「お待ちください画面」を表示する ...
ボタンの二度押しをwait画面でガードしてみた。
以前フォームの二重送信をガードする方法について書いた記事があります。 これは、ブラウザの更新ボタン(F5ボタン)連打をガ ...