JavaScript

[JavaScript] マウスホイール操作のスピンボックス

テキストボックスをマウスホイール操作のスピンボックスにするライブラリを作成した。 DEMO DOWNLOAD 業務系のアプリではユーザに指定範囲内の数値のみ入力・選択して欲しいケースが良くあるが、 なかにはキーボード入力が面倒くさいと思うユ...

[JavaScript] アコーディオンメニュー4

前Verに色々バグがあるようでお問い合わせをいただいていたので、 「JS アコーディオンメニュー3」を修正した。 DEMO DOWNLOAD 急遽の修正のため、ロールオーバー時の効果など、一部削除した機能がある。 ※詳細はaccordion...

[JavaScript] 入力中の文字数を表示する

input要素やtextarea要素に入力中の文字数を表示するライブラリを作成した。 DEMO DOWNLOAD フォームにはシステム側の都合で最大文字数が制限されている入力項目がよくあるが、(それ自体はしょうがないと思う)制限が掛かってい...

[JavaScript] パスワードを入力し易くする3

パスワードの入力支援第3弾 今回は、対象のinput要素の横にアイコンを表示し、アイコンクリックにより入力されたパスワードを表示するようにした。 DEMO DOWNLOAD アイコンだけではクリック時に何が起こるかがユーザに伝わりづらいので...

[JavaScript] 画像を遅延ロードする

画像を遅延ロードするライブラリを作成した。 DEMO DOWNLOAD 良い悪いは別として、縦長のページでファーストビューの表示領域外に画像を多用していたり、どうしても高画質の画像(商品画像など)を使用する必要があってページの表示が遅くなっ...

[JavaScript] SmoothScroll2

以前作成した「[JavaScript] SmoothScroll」をアップデートした。 コードが古かったのと、いくつかバグがあったので、ほぼ作り直した。時間があるときに横スクロールにも対応できるよう更新予定。 DEMO DOWNLOAD 使...

[JavaScript] リンクに自動でfaviconを付加する

自動でfaviconを取得して、外部サイトへのリンクに付加するライブラリを作成した。 DEMO DOWNLOAD 以前作成した「[JavaScript] リンクに自動でアイコンを付加する」とやっていることはあまり変わらない。最低限は使えるも...

[JavaScript] textareaの高さを自動調節する

フォームはなるべくすっきり見せたいが、textarea要素を配置する場合はある程度ページが長くなってしまう。かといって、rows属性であまり少ない行数を指定すると、ユーザが入力しづらくなる。そこで、ユーザの入力に合わせてtextareaの高...