問題タブ [slider]

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 投票する
2 に答える
7866 参照

jquery - JQuery UI Slider ハンドルごとに異なる画像を使用するにはどうすればよいですか?

2 つのハンドル (別名範囲スライダー)を持つ JQuery UI スライダーを使用しています。最初のハンドルのスタイルを設定する方法を知っています:

しかし、2 番目のハンドルを別の方法でスタイルするにはどうすればよいでしょうか。

Firebug を使用すると、Jquery が各ハンドルを一意に識別していないことがわかります。

したがって、クロスブラウザーで問題が発生する可能性のある CSS 子セレクターのいずれかを使用する必要があると思います。または、JQuery のトリックを使用して、CSS クラスを 2 番目のハンドルに追加できますか? 以前にこれをきちんとした方法で行った人はいますか?

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

javascript - ダッシュコード Web アプリのスライダー?

レンジ スライダーを使用するDashcodeでWeb アプリを作成しようとしています。コード ライブラリに「レンジ スライダー値の取得」と「レンジ スライダー値の設定」のコードがあることがわかりますが、レンジ スライダー部分はありません。では、レンジ スライダーを作成するにはどうすればよいでしょうか。私はJavascriptが初めてです。

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

jquery - jqueryのフォーム値に2つのスライダーを設定するにはどうすればよいですか?

これは可能だと確信していますが、まだ例などを見つけることができていません。

私のサイトには、ユーザーがその年齢範囲に基づいて他のユーザーを検索できる検索フォームがあります。たとえば、16〜35歳のような年齢番号の2つのドロップダウンリストがあります。

水平線を作成し、その線に数字を配置し、2つのオブジェクトを前後にスライドさせて数字を表示する方法はありますか?私は以前にそれを見たことがありますが、jqueryでは見ていません

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

button - JavaFX ButtonSkin の異常

次のコードで、ButtonSkin (com.sun.javafx.scene.control.caspian から) が使用されているときに、ボタンのテキストが最初に表示されないのはなぜですか?

次のコード (WinXP、NetBeans 6.7.1、JavaFX 1.2、JDK 1.6 を実行) では、ButtonSkin が使用されている場合、ボタンのテキストは空白で始まります。スライダーを使用すると、ボタンのテキストが表示されます。

代替テキスト
(出典: googlepages.com )
から代替テキスト
(出典: googlepages.com )

スライダーを動かす前にボタンを押すと、アクションがトリガーされ、「いくつかのアクション スライダー 15.0 SliderInt 15」が出力されます。これは、ボタン テキストの情報が存在することを示しています。まだボタンのテキストは表示されません。

スキンが設定されていない場合、つまりコード skin: ButtonSkin { ... } がコメント アウトされている場合、起動時の結果は次のようになります。

代替テキスト
(出典: googlepages.com )

代わりに でバインドを削除する text: sliderIntText と、問題も解消されます。ただし、ボタンのテキストは、スライダーの動きと同期して更新されなくなりました。

間接的なレベルを削除する、つまり、ボタン テキストで answerSlider.value にバインドするだけでは、起動の問題に変化はありません。

余談: スライダーの最小値が 0 でない場合に発生する既知のスライダー値の問題があります。ここでその問題を解決しようとしているわけではありません。

0 投票する
3 に答える
35578 参照

jquery - jQuery-アニメーション化/高さまでスライド:100%

私はここに単一のコードを持っています:

これで、最初の「トグル」としてクリックすると、(アニメーションなしで)瞬時に表示され、2番目の「トグル」をクリックすると、うまくスライドします。

その素敵なアニメーションで100%までスライドさせる方法はありますか?

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

c# - WPF で「グローバル」ホットキーを作成する

メイン ウィンドウに 3 つのユーザー コントロールで構成されるアプリケーションをプログラミングしています。ユーザー コントロールの 1 つに、キーボード入力で制御できる必要があるスライダーがあります。左矢印は値を減少させ、右ボタンは増加させる必要があります。私はこの作業をしていますが、スライダーにフォーカスがある場合のみです。他のコントロールにフォーカスがある場合、それをまったく機能させることができません。

「グローバル」ホットキーを定義することは可能ですか? フォーカスがどこにあるかに関係なく、同じイベントまたは機能をトリガーする IE キー? 私は自分自身を十分に明確にしたことを願っています...

0 投票する
9 に答える
11533 参照

jquery - jquery UI スライダーがガターを超えてスライドしないようにするにはどうすればよいですか?

jquery-ui スライダーを横スクロール バーとして使用していますが、ハンドルがエンド ガターを超えてスライドするという問題があります (スライダーを一番右にスライドすると、ここで確認できます)。CSS で考えられるすべてのことを試して、ハンドルがガターを超えないようにしましたが、役に立ちませんでした。どんな提案でも大歓迎です。

明確にするために、問題を示す次の図を追加します (ハンドルが小さいため非常にわかりにくいですが、CSS で大きなハンドルを作成すると、ハンドルは ガターの幅のちょうど半分になります)。

これが問題のjsbinです。基本的に、ハンドルはガター内にとどめたいと思っています。

代替テキスト

0 投票する
4 に答える
268 参照

jquery - JQuery - CSS 忍者のヘルプ募集

JQuery スライダー コントロールを使用しています

IE 6 は FUBAR に見えます。

スクリーンショット (どのように見えるか)
img24.imageshack.us/img24/9786/safarij.png

スクリーンショット (IE6)
img99.imageshack.us/img99/3418/ie6o.png

IE6 を Firefox/Chrome/Safari のように見せるには、どの CSS を使用できますか?

CSS忍者マジックは大歓迎です。

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

jquery-ui - ぼかしでjQuery UI Sliderを非表示にする方法は?

クリックするとjQuery UI Slider divが開き、ユーザーがハンドルをドラッグして値を設定できる画像があります。私が今やろうとしているのは、ユーザーがページの他の場所をクリックしたときにそのハンドルを非表示にすることですが、通常の.blurイベントは機能していないようです。

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

jquery - IE6 の jQuery スライダーの問題

drupal cms を使用して Web サイトを開発しています。
スライド効果でページをスライドさせるために使用されるスライダーモジュールと呼ばれるモジュールをインストールしました。これはjqueryを使用します。

しかし、Internet Explorer 6 では機能せず、何も表示されず、スライド効果もありません。

問題が何であるかを知っている人はいますか?

ありがとう