数値入力に便利なステッパーを実装「Numeric Stepper」

「Numeric Stepper」は、数値用のステッパーを実装できるjQueryプラグインです。ダウンロード | デモ

スクリプト

<link href="jquery.stepper.min.css" type="text/css" rel="stylesheet">
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.stepper.min.js" type="text/javascript"></script>

実装

既存のテキストボックスにclassもしくはidを付与して、実装するだけです。

$("#input1014").stepper();

オプション

type

"float" - 小数値 / "int" - 整数値

floatPrecission

数値：小数点以下桁数

true/false：ボタン表示有無

allowWheel

true/false：マウスホィール操作を許可するか

allowArrows

true/false：クリック(矢印)操作を許可するか

arrowStep

数値：クリック(矢印)による数値の増減ティック

wheelStep

数値：マウスホィールによる数値の増減ティック

limit

[]：下限・上限を設定
例：[-5,5]など

preventWheelAcceleration

true/false：一部で使用できるwheelアクセラの効/無効(true:無効/false:有効)

incrementButton

文字列：インクリメント(増)用のボタン文字 "▴"

decrementButton

文字列：デクリメント(減)用のボタン文字 "▾"

他プラグイン
Bootstrap TouchSpin jQuery UI Spinner Spinner

: 入力されたメールアドレスのドメインをサジェストしてくれる「mailcheck.js」

「mailcheck.js」は、入力されたメールアドレスのドメインをサジェストしてくれるjQueryプラグインです。ダウンロードスクリプト実装 v

: jqPlot - Legend(凡例) オプション

jqPlotの凡例(Legend)の設定オプションのまとめです。前提は、こちらを参照して下さい。目次凡例を表示凡例の位置 [location, placement] 凡例のフォ

: テキストボックスの入力値を数値限定にしてくれる「jQuery - numeric」

「jQuery - numeric」は、テキストボックスへの入力を数字のみに制限してくれるjQueryプラグインです。正/負、整数/小数点チェックまで限定してくれます。ダウンロードスクリプト

: 画像ズームプラグイン

画像をズームしてくれるプラグインには、ツールチップ的にサムネイルにマウスオーバーした部分をズームアップしたり元画像を表示したり、その画像内でインナーズームするというような機能があるようです。

: ファイルアップロードフォームプラグイン

Ajax File Upload Form with jQuery Ajax File Upload Form with jQuery [browser-shot url="h

: ECサイトの商品表示に使えそうなスライダー「Simple Multi-Item Slider」

「Simple Multi-Item Slider」は、いうなればネスト型の画像スライダーです。ECサイトでの商品陳列からサムネイルメニューなどにも使用できそうです。ダウンロード　デモスクリプ