การแสดงไอที

Mootools MooRating คือ (เบราว์เซอร์ข้ามของหลักสูตรที่จะใช้พลังของห้องสมุด MooTools) ง่ายน้ำหนักเบาและวิธีการแก้ปัญหาที่ดีเยี่ยมจากการประเมิน มันไม่ได้ถูกเรียกว่าเป็น "ระดับ" เพียงเพราะภาพการประเมินอาจจะเป็นที่คุณเลือก (ฉันมีให้บาร์, ดาวและหัวใจกับการดาวน์โหลด แต่คุณสามารถสร้างความหลากหลายของคุณเองและเป็นเพียงแค่วางใน)

มันดูเหมือนว่าวิธีการ:

	คะแนน Mootools กับภาพที่แตกต่างกันดูการสาธิต
	คะแนน Mootools ที่มีค่าร้อยละดูการสาธิต
	คะแนน Mootools ที่มีค่าเศษส่วนดูการสาธิต

ดาวน์โหลด Mootols การจัดอันดับ Script (Downloaded 718 ครั้ง)

ข้อมูล: จำนวนทั่วทศนิยมหรือร้อยละ
ขณะนี้สคริปต์ถูกออกแบบมาเพื่อแสดงข้อมูลการประเมินเป็นค่าทั้งหมด (1,2,3,4,5) ในทศนิยม (1.24, 3.45 ฯลฯ ) หรือในอัตราร้อยละ (12% ฯลฯ % 55) ทางเลือกที่จะแสดงข้อมูลในรูปแบบใด ๆ ที่กล่าวถึงสามารถตั้งค่าได้ง่ายๆโดยการเปลี่ยนค่าบางอย่างภายในธงจาวาสคริปต์ (moorating.js)
โดยทั่วไปมีสองอีสองธงที่จะเล่นกับการแสดงค่าในรูปแบบที่คุณเลือกคือ ...

var inpercent = false; / / ตั้งธงนี้เป็นจริงถ้าคุณต้องการค่าเปอร์เซ็นต์ที่จะแสดง
var isFractional = false / / กำหนดให้เป็นจริงถ้าคุณต้องการให้ค่าเศษส่วนเช่น 1.24, 1.25, 4.56 มากกว่า 1,2 ... 5

และฉันไม่คิดว่าจะมีคำอธิบายที่จำเป็นสำหรับการนี​​้ ยิ่งกว่านั้น สคริปต์ง่ายมาก ถ้าคุณรู้ JavaScripting น้อยคุณสามารถแก้ไขสคริปต์ที่จะได้รับการเรียงลำดับของค่าที่แสดงใด ๆ สำหรับเช่นถ้าคุณต้องการเป็นทศนิยมสามตำแหน่งที่จะแสดง ... เพียงแค่ปรับแต่งสคริปต์ดังนี้ ...

ถ้า (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] innerHTML = formatNumber (x, 3);.} / / 2 มีการเปลี่ยนแปลงถึง 3
else {moostartval [i] innerHTML = Math.Round (x).

การปรับปรุงค่าคะแนน:
ฉัน havent ใส่ใจการเขียนสคริปต์ AJAX ใด ๆ สำหรับการปรับปรุงค่าคะแนนเพราะฉันรู้จากประสบการณ์ของผมที่ไม่เคยทำมันตั้งใจที่จะอัพเดทการจัดอันดับเร็วที่สุดเท่าที่อัตราผู้ใช้บางสิ่งบางอย่าง คุณมีอิสระที่จะทำสิ่งที่คุณต้องการด้วยค่ารับการจัดอันดับ, ปรับปรุงโดยใช้ AJAX หรือส่งมันหรือตั้งค่ารูปแบบที่ซ่อนเขตข้อมูลที่จะแสดงความคิดเห็นด้วยแบบฟอร์มทั้งหมด ฯลฯ

ฟังก์ชั่น updateRating (id, การประเมิน) {
/ / alert (id + "," การประเมิน +);
/ / ทำสิ่งที่มีเรตติ้ง
}

มีฟังก์ชั่นใน javascript ที่เรียกว่า "updateRating" คือ ฟังก์ชันนี้ได้ถูกส่งผ่าน ID ของกองคะแนนเพื่อระบุเป็นที่ให้คะแนน (ถ้ามีมากกว่าหนึ่งการให้คะแนนบนหน้าเว็บ) ได้รับการปรับปรุงและความคุ้มค่าจากการประเมิน [updateRating (id, การประเมิน)] คุณสามารถเลือกสิ่งที่คุณต้องการกับค่าเหล่านี้ที่ฉันกล่าวถึงก่อนหน้านี้

รูปภาพ Rating: ดาวหัวใจบาร์หรืออะไรที่คุณโปรด
การเปลี่ยนการประเมินใด ๆ ของประเภทดังกล่าวข้างต้น (ดาว ฯลฯ หัวใจ) ง่ายมาก เพียงแค่สร้างภาพคล้ายกับภาพถ่ายและวางมันมาจำไว้ว่าถ้าคุณเปลี่ยนชื่อของภาพที่ไม่ทำการเปลี่ยนแปลงที่จำเป็นในไฟล์ CSS, ดูด้านล่าง

. moostar {margin: 0px; padding: 0px; overflow: hidden; กว้าง: 84px; ความสูง: 20px; float: left; พื้นหลัง: url ('stars.gif') x-repeat;}
. moostar ช่วง {float: left; margin: 0px; padding: 0px; display: block; กว้าง: 84px; ความสูง: 20px; ตกแต่งข้อความ: ไม่มี; ข้อความเยื้อง:-9000px; ดัชนี z: 20;}
.. moostar curr {background: url ('stars.gif') ซ้าย 25px;}

ส่วนใหญ่เครื่องมือการให้คะแนนใช้ภาพดาวและครึ่งหนึ่งดาวกับเมาส์มากกว่าเหตุการณ์ที่ดาวแต่ละ คะแนน ม. ใช้รูปเทพดาง่ายๆเป็นภาพพื้นหลังเพื่อให้บรรลุผลภาพที่ต้องการกับค่าใช้จ่ายที่ต่ำมาก

ที่ต้องการ: Mootools 1.2
ดาวน์โหลด Mootols การจัดอันดับ Script (Downloaded 718 ครั้ง)