問題タブ [rangeslider]

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

こんにちは私は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）の使用方法の例を教えてください。

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

このデモをご覧ください

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

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つの外側の親指の間のスペース。

アイデアをありがとう、

ミッチ

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

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

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

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

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

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

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

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

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

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

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

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

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

ありがとう。

このエラーがあります: 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 ) {

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