数値入力に便利なステッパーを実装「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

: 「jqPlot」カスタマイズ

以前、ここで使用した「jqPlot」ですが、色々なキーワードで訪問される方がいらっしゃったので、それを元ネタとして使わせてもらいカスタマイズ方法を紹介したいと思います。以下4つのファイルへリンクし

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

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

: ナビゲーション内にサムネイルを設置できる画像スライダー・ギャラリー用プラグイン

画像ギャラリーを作成してくれるjQueryプラグインはたくさん制作されています。その中でもサムネイルを使用してギャラリーのナビゲーションを行ってくれるプラグインをいくつか集めてみました。サムネ

: タブを画面サイズによってアコーディオンにしてくれる「Easy Responsive Tabs to Accordion」

「Easy Responsive Tabs to Accordion」はタブ表示を画面サイズによって折りたたみのアコーディオン形式に変換してくれるjQueryプラグインです。デフォルトでは、768