MooToolsのためのシンプルなクロスブラウザスクリプトの評価
MooRatingは、単純な(それはMooToolsライブラリの電源を使用するので、もちろんクロスブラウザ)、軽量、優れたMooToolsのベースの評価ソリューションです。 それは、評価のイメージ(私はダウンロードをスターやバー、ハーツを提供していますが、あなた自身の様々な作成だけでそれをドロップすることができます)を選択した通りであるかもしれませんという理由だけで、 "ランク"と呼ばれていません。
それはどのように次のようになりません。
| 画像が異なるMooToolsの評価デモを見る |
| パーセント値でMooToolsの評価デモを見る | |
| 分数の値を持つMooToolsの評価デモを見る |
Mootolsランクスクリプトをダウンロード (718回ダウンロード)
評価データ:整数、小数、またはパーセンテージ
現在のスクリプトが10進数(1.24、3.45など)、またはパーセンテージ(12%、55%など)で、全体の値(1,2,3,4,5)のような評価データを表示するために設計されています。 上記のいずれかの形式でデータを表示する選択がJavaScript内でいくつかのフラグの値を変更するだけで設定できます(moorating.js)
基本的にお好みの形式で値を表示するために、で遊ぶには、2つの電子の二つのフラグがあります...
VAR inpercent = falseは、あなたがパーセント値が表示されるように必要がある場合/ /このフラグがtrueに設定します。
1,2ではなくVAR isFractional = falseを/ /あなたは1.24のように小数の値が必要な場合は、これをtrueに設定し、1.25、4.56 ... 5
私はこのために必要なすべての説明があると思ういけない。 また。 スクリプトは非常に簡単です。 あなたは少しjavascriptingを知っていれば、表示値の任意の並べ替えを取得するスクリプトを変更することができます。 例のための3つの小数点以下の桁が表示されるようにしたい場合...ちょうど以下のようにスクリプトを調整...
(isFractional)の場合{(X <= 5 | | x> = 0の)場合moostartval [i]はinnerHTMLプロパティ= FormatNumberを(X、3);} / / 2が3に変更されます
他{moostartval [i]のinnerHTMLプロパティ=恐らくMath.round(x)を。
評価値の更新:
私はいつもそれができるだけ早くユーザー率のものとして評価を更新するつもりありませんが私の経験から知っているので、定格値を更新するためのすべてのAJAXのスクリプトを書く気にhaventは。 あなたが定格値としたいものは何でも自由に、それはAJAXを使用して更新するか、それを送信または隠しフォームフィールドの値を設定し、フォーム全体等で提出する
機能updateRating(ID、評価){
/ /警告(ID + "、" +評価)
/ /は、定格を持つものは何でも
}
"updateRating"と呼ばれるJavaScriptの関数があります。 この関数は、(ページ上の二つ以上評価があるかどうか)を評価にとして識別するために、評価事業部のIDを渡された更新と定格の値は[(ID、評価)updateRating]されました。 私は前述したようにあなたは、あなたがこれらの値を好きに選ぶことができました。
評価画像:星、ハート、バーまたは何もしてください。
上記の種類(星、ハートなど)のいずれかに格付けを変更することは非常に簡単です。 ただ提供されるものに似たイメージを作成し、忘れないでインチをドロップすると、イメージの名前を変更した場合、CSSファイル内の必要な変更を加えません、以下を参照してください。
。moostar {マージン:0px;パディング:0px;オーバーフロー:隠された;幅:84px;高さ:20px;フロート:左; 背景:URL( 'stars.gif')繰り返しに-x;}
。moostarスパン{フロート:左;マージン:0px;パディング:0px;表示:ブロック;幅:84px;高さ:20px;テキスト装飾:なし;テキストインデント:-9000px;のz-index:20;}
。moostar CURR { 背景:URL( 'stars.gif')25ピクセルを左;}
最も評価のウィジェットは、各スターのイベントの上にマウスをスターとハーフスターの画像を使用しています。 武定格とは、非常に低いオーバーヘッドで必要な視覚効果を達成するための背景画像として単純なスプライト画像を使用しています。
要件:MooToolsは1.2
Mootolsランクスクリプトをダウンロード (718回ダウンロード)











































