0

クライアントのサイト用に「スライダー」を作成する必要があります。スライダーを使用すると、xアイテムのアイテム数を選択し、それに基づいて価格を表示できます。奇妙な（っぽい）部分は、アイテムの量が増えるにつれて、値上げの比率が下がるということです。

  • 1アイテム：$ 100
  • 2アイテム：+90 = $ 190
  • 3アイテム：+ 80 = $ 270
  • 4アイテム：+ 70 = $ 340
  • 5アイテム：+ 60 = $ 400
  • 6アイテム：+ 50 = $ 450
  • 7アイテム：+ 50 = $ 500

そしてそれ以降のすべての増加は+50です。これはおそらく過度に単純化された質問のように思えますが、私がこれを行う方法を誰かが知っていますか？JavaScriptの経験はほとんどありません:(

4

2 に答える 2

5

Yahoo!をチェックしてください。UI。彼らはスライダーウィジェットを持っています：http：//developer.yahoo.com/yui/slider/

次の例で始めることができます：http：//developer.yahoo.com/yui/examples/slider/slider-ticks.html。

すべてのJavaScriptフレームワーク（jQuery、MooTools）はスライダーを提供しているようです。YUIを使用すると、多くの制御とローダーが提供されるため、サーバーでスクリプトをホストする必要はありません。YUIは、私が言及した他の2つほど簡単に実装できないことに注意してください。

これがMooToolsの例です：

// First example of http://demos.mootools.net/Slider

<div class="slider" id="myslider">
      <div class="knob" style="position: relative;"/>
    </div>

そしてJavaScript：

var el = $('myslider'); // The slider graphic
new Slider(el, el.getElement('.knob'), {
    steps: 7,   // There are 7 choices
    range: [1, 7],  // Minimum value is 1, maximum is 7
    onChange: function(value){
        // Calculation of the value goes here
    }
});
于 2008-10-12T20:42:18.367 に答える
0

JSでスライダーを実行する方法はおそらく無限にありますが、価格を計算する最も簡単な方法は、どこかにハードコーディング（またはリスト）して、それらを調べることだと思いelse-ifます。

最初の5つの項目をカウントし、残りの項目をカウントするアルゴリズムを実行することもできますが、将来的には、ハードリストに記載されている方法よりも変更するのが難しいでしょう。100-(i*10)50

于 2008-10-12T20:45:42.057 に答える