入力範囲の値でラベルのデフォルト位置を変更するにはどうすればよいですか?

マルジス

私のウェブサイトでは、範囲入力のスタイル設定にjQueryプラグインjRange使用しています。このプラグインは非常にうまく機能しますが、値が移動して中央に配置されたデフォルトのラベルが必要です。あなたはそれを誰か解決しましたか?あまり理解していないので、jsコードに干渉したくありません。

ライブの例は、右側のサイドバーを展開した後、このリンクにあります。

ここに画像の説明を入力してください

imelgrat

jRangeを使用したことはありませんが、onstatechangeイベントに関数をアタッチし、左側のパディングを計算してラベルに適用できます。widthオプションを使用して、そのサイズを把握し、そこからラベルのX位置を導き出すことができます。

このように、jRangeコードを変更する必要はなく、独自のコードでイベントを作成するだけです。

onstatechange()イベントをキャプチャする方法を示すためにjsfiddleを作成しました別のフィールドに現在の値が表示されるだけです。

これは、すべてのアクションが発生する部分です。コードを変更してラベルの左マージンを変更し、常に値の中央に配置されるようにすることができます

onstatechange: function(value)
{
   $('#testvalue').val(value);
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Macでデフォルトのノードポート範囲を変更するにはどうすればよいですか(docker-desktop)?

入力角度のデフォルト値を設定するにはどうすればよいですか?

最初の入力にデフォルト値を与えるにはどうすればよいですか?

Vagrantのデフォルトネットワーク範囲を変更するにはどうすればよいですか?

Excelでデフォルトの数値形式を変更するにはどうすればよいですか?

PostgreSQLで列のデフォルト値を変更するにはどうすればよいですか?

owlDateTimeのデフォルトの時間値を変更するにはどうすればよいですか?

入力用のiOSでキャレットのデフォルトの色を変更するにはどうすればよいですか?

ブートストラップのモーダルのデフォルトの位置を変更するにはどうすればよいですか?

ラベルと入力の間隔を変更するにはどうすればよいですか?

デフォルトのブラウザを変更するにはどうすればよいですか?

ボックスにデフォルトの色を設定し、入力に応じて色を変更するにはどうすればよいですか?

Chromeデベロッパーツールで範囲入力の親指のスタイルを確認するにはどうすればよいですか?

ipywidgetスライダーのデフォルト位置をmatplotlibフィギュアの横に変更するにはどうすればよいですか?

ラベル内の入力ラジオに干渉せずにラベルテキストを変更するにはどうすればよいですか?

Ckeditorのデフォルトフォントを変更するにはどうすればよいですか?

UIBarButtonItemsのデフォルトフォントを変更するにはどうすればよいですか?

Evernoteのデフォルトフォントを変更するにはどうすればよいですか?

Angularの値にエラーなしでラベルの入力を変更するにはどうすればよいですか?

NixOSでデフォルトのシェルを変更するにはどうすればよいですか?

入力要素にデフォルトの月を設定するにはどうすればよいですか?

辞書に入力を追加し、新しい入力のデフォルト値を設定するにはどうすればよいですか

React-Typescript:デフォルトの小道具を入力するにはどうすればよいですか?

Rの `densCols`のデフォルトの青色を変更するにはどうすればよいですか?

ラジオ入力を変更するときにラベルのスタイルを変更するにはどうすればよいですか?

Excel.Interopを使用して、Excelのリストからセルの範囲に値を入力するにはどうすればよいですか?

入力値を変更したときにフォームの入力値をリセットするにはどうすればよいですか?

AlertDialogのデフォルトスタイルを変更するにはどうすればよいですか?

値を変更したくない場合、デフォルト値を入力値として戻すにはどうすればよいですか?

TOP 一覧

  1. 1

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  2. 2

    Modbus Python Schneider PM5300

  3. 3

    Ansibleで複数行のシェルスクリプトを実行する方法

  4. 4

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  5. 5

    どのように関係なく、それがどのように「悪い」、すべてのSSL証明書でのHttpClientを使用しないように

  6. 6

    インデックス作成時のドキュメントの順序は、Elasticsearchの検索パフォーマンスを向上させますか?

  7. 7

    ラベルとエントリがpythontkinterに表示されないのはなぜですか?

  8. 8

    Chromeウェブアプリのウェブビューの高さの問題

  9. 9

    パンダは異なる名前の列に追加します

  10. 10

    GoDaddyでのCKEditorとKCfinderの画像プレビュー

  11. 11

    Elasticsearch - あいまい検索は、提案を与えていません

  12. 12

    変数値を含むElasticSearch検索結果

  13. 13

    グラフ(.PNG)ファイルをエクスポートするZabbix

  14. 14

    Elasticsearchの場合、間隔を空けた単語を使用したワイルドカード検索

  15. 15

    モーダルダイアログを自動的に閉じる-サーバーコードが完了したら、Googleスプレッドシートのダイアログを閉じます

  16. 16

    mutate_allとifelseを組み合わせるにはどうすればよいですか

  17. 17

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  18. 18

    Elasticsearchでサーバー操作を最適化:低いディスク透かしに対処する

  19. 19

    テキストフィールドの値に基づいて UIslider を移動します

  20. 20

    ネットワークグラフで、ネットワークコンポーネントにカーソルを合わせたときに、それらを強調表示するにはどうすればよいですか?

  21. 21

    Unity:未知のスクリプトをGameObject(カスタムエディター)に動的にアタッチする方法

ホットタグ

アーカイブ