問題タブ [rangeslider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
4132 参照

iphone - iPhoneレンジスライダー

UISlider があることは知っていますが、すでに RangeSlider を作成した人はいますか (2 つの親指で?)、または uislider を拡張する方法を知っていますか?

0 投票する
1 に答える
700 参照

zend-framework - ZendFramework-Dojoフォームのサポート

こんにちは私はZendFrameworkを初めて使用しますが、zendがdojoフォームをサポートしていることがわかりました。Zend_Dojo_Form_Element_*は非常にうまく機能します。

しかし、(BusyButton、RangeSlider、PasswordValidation)のようないくつかの要素が欠けています。zendはそれらをサポートしていますか?

ZendがBusyButton(http://framework.zend.com/issues/browse/ZF-9641)をサポートしていることがわかりましたが、使用方法がわかりません。

また、zendにはこのdojo要素が含まれていることがわかりました:ZendFramework / externals / dojo / dojox / form /

誰かがとても親切で私に書いてくれませんか、このフォーム要素(BusyButton、RangeSlider、またはPasswordValidation)の使用方法の例を教えてください。

0 投票する
1 に答える
406 参照

javascript - jQuery UI を使用しない純粋な JQuery ベースのレンジ スライダー

jQuery UIに依存しない、優れた独立したjQueryレンジスライダープラグインを知っている人はいますか?

0 投票する
1 に答える
1091 参照

jquery - 1つのノブを備えたjquery範囲スライダー

このデモをご覧ください

「ノブが1つ付いたMootolsスライダー」セクションをご覧ください。このスライダーを実装したいと思います。ただし、最小値と最大値を使用する代わりに、固定値を使用するか、array.egで値を指定できます。たとえば、スライダーはこれらの値に対してのみ{6,12,18,24,48}移動する必要があります。これに関するどんな助けもかなりあります

0 投票する
2 に答える
5235 参照

wpf - スライダーの親指を見つけて幅を設定する方法

3つのスライダーコントロールを積み重ねて「レンジスライダー」を作成しています。基本的な考え方は、ここから2つのスライダーを使用することです。

http://www.thejoyofcode.com/Creating_a_Range_Slider_in_WPF_and_other_cool_tips_and_tricks_for_UserControls_.aspx

3番目のスライダーを追加します。このスライダーの親指は、他のスライダーの親指の間のスペースを埋めます。ユーザーは、この中央の親指をドラッグして両端を移動し、両端の間隔を一定に保つことができます。

XAMLは単純に3つのスライダーです。うまくレイヤー化する秘訣は、コントロールテンプレートを使用することです(ここでは再現されていません。上記のURLで見つけることができます)。

どちらかの外側の親指をドラッグしたら、中央の親指のサイズを変更して、2つの端の親指の間のスペースを埋める必要があります。

背後のコードでは、親指の動きをキャッチでき、中央のスライダーコントロールを見つけることができますが、プログラムで中央のスライダーの親指に到達して、サイズを変更して2つの外側の親指の間のスペース。

アイデアをありがとう、

ミッチ

0 投票する
2 に答える
3809 参照

javascript - jquery-mobileスライダーのようなHTML5入力[type=range]を強化するプラグイン

HTML5を強化するプラグインを探していますinput[type=range]-理想的には、結果がjquery-mobileスライダーに似ていることを望みます:

http://jquerymobile.com/demos/1.0b3/docs/forms/forms-slider.html

私はまだ何も見つけていませんが、非常に驚​​いています-を強化するための優れた標準的な方法のようですinput[type=range]。特に、私自身の過度のロールのようです。この機能がjquery-mobileにすでに存在する場合!誰かがこのようなものに出くわしたことがありますか?

編集:jQueryUIスライダーを見ました-それは私が望むものではありません!

0 投票する
1 に答える
1339 参照

jquery - jQuery UI Slider が最も近いドラッガー/ハンドルを動かさない

私の知る限り、スライダーをクリックすると、jQuery UI Range スライダーは最も近いドラッガー/ハンドルを移動するはずです。ただし、私の場合、これは発生していないようで、左のドラッガーのみが移動しています。例として、次のコードを確認できます。

そして、その例のこの jsFiddle を見ることができます: http://jsfiddle.net/dZ7Yg/

スライダーをクリックするだけで右のドラッグ/ハンドルを 2 番目のポイントに移動しようとしても、それはできません。右のドラッガーが 3 番目の点に到達すると、その 1px 前をクリックしても 2 番目の点に移動せず、いずれにしても左の点に移動します。

誰でもこれで私を助けることができますか?これはどのように解決できますか?

助けてくれてありがとう!

0 投票する
1 に答える
482 参照

css - dojoRangeSliderハンドルの位置が間違っています

いくつかのグラフと、グラフのデータ範囲と粒度を制御するためのRangeSliderウィジェットを含むWebページをまとめようとしています。さまざまなナビゲーションアイテムを保持するためのいくつかの要素を作成し、RangeSlidersを配置したいところにいます。ハンドル間の影付きのバーをクリックして両方のハンドルを左または右に移動すると、ハンドルがスライダーバーの右端にジャンプし、そこにとどまる以外は、すべてが機能しています。

divの絶対/相対位置とスライダーコンポーネントの非互換性が原因であると確信していますが、それを機能させるために努力しています。divスタイルを使用せずにスライダーを配置した場合、スライダーは機能しますが、希望する場所にありません。

ファイル全体を以下に示します。私のスタイリング情報を含めて、たったの約80行です。簡単にするために、外部の.cssファイルから描画するのではなく、divに添付しました。試してみるには、dojoコンポーネントへのパスを調整する必要があります。

私よりも専門性の高い人なら、おそらく一瞬でそれを調べることができますが、道場の要件を自分の要件と一致させることはできないようです。

ありがとう。

0 投票する
1 に答える
3581 参照

rangeslider - Rickshaw.Graph.RangeSlider TypeError: $(element).slider は関数ではありません

このエラーがあります: TypeError: $(element).slider is not a function

次のスクリプトを使用します。

以下のページより: https ://github.com/shutterstock/rickshaw/blob/master/src/js/Rickshaw.Graph.RangeSlider.js

JavaScript デバッガーは次の行を表示します: slide: function( event, ui ) {

私の問題を解決する方法を教えてください。ありがとうございます!