Bày tỏ IT

Các Mootools MooRating là một (qua trình duyệt, tất nhiên là nó sử dụng sức mạnh của thư viện MooTools) đơn giản, nhẹ và xuất sắc dựa trên giải pháp đánh giá. Nó không được gọi là "Đánh giá Star", đơn giản chỉ vì, hình ảnh đánh giá có thể được như bạn chọn (tôi đã cung cấp Stars, Bars và Hearts tải về, nhưng bạn có thể tạo ra nhiều của riêng bạn và chỉ cần thả nó trong).

Làm thế nào để nó trông giống như:

	Mootools Rating với hình ảnh khác nhau Xem Demo
	Rating Mootools với các giá trị Tỷ lệ phần trăm Xem Demo
	Rating Mootools với các giá trị Fractional Xem Demo

Tải về Mootols Star Rating Script (tải về 721 lần)

Đánh giá dữ liệu: Toàn bộ số thập phân hoặc Tỷ lệ phần trăm
Hiện tại, kịch bản được thiết kế để hiển thị các dữ liệu đánh giá như giá trị toàn bộ (1,2,3,4,5), trong số thập phân (1,24, 3,45 vv) hoặc tỷ lệ phần trăm (12%, 55% ...). Sự lựa chọn để hiển thị dữ liệu trong bất kỳ các định dạng được đề cập có thể được thiết lập chỉ đơn giản bằng cách thay đổi một số giá trị cờ trong javascript (moorating.js)
Về cơ bản có 2 e hai lá cờ để chơi với, để hiển thị các giá trị trong các định dạng của sự lựa chọn của bạn ...

var inpercent = false; / / Thiết lập lá cờ này cho đúng sự thật, nếu bạn yêu cầu tỷ lệ phần trăm giá trị được hiển thị
var isFractional = false / / Thiết lập này cho đúng, nếu bạn muốn giá trị phân đoạn như 1,24, 1,25, 4,56 chứ không phải là 1,2 ... 5

Và tôi không nghĩ rằng có bất kỳ lời giải thích cần thiết cho việc này. Hơn nữa. Kịch bản là rất đơn giản. Nếu bạn biết một javascripting, bạn có thể thay đổi kịch bản để có được bất kỳ loại giá trị hiển thị. Đối với ví dụ nếu bạn muốn ba chữ số thập phân sẽ được hiển thị ... chỉ cần tinh chỉnh các kịch bản như dưới đây ...

nếu (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] innerHTML = formatNumber (x, 3);} / / 2 được thay đổi đến 3
moostartval [i] innerHTML = Math.round (x).

Cập nhật giá Rating:
Tôi havent phiền bằng văn bản bất kỳ kịch bản AJAX để cập nhật các giá trị Ratings, bởi vì tôi biết từ kinh nghiệm của tôi mà không luôn luôn làm điều đó có ý định cập nhật ĐÁNH GIÁ như ngay sau khi một cái gì đó tỷ lệ người sử dụng. Bạn được tự do để làm bất cứ điều gì bạn muốn với giá trị đánh giá, cập nhật nó bằng cách sử dụng AJAX hoặc Gửi hoặc Thiết lập một giá trị hình thức lĩnh vực tiềm ẩn, được gửi cùng với toàn bộ hình thức.

updateRating chức năng (id, rating) {
/ / Alert (id + "," + Đánh giá);
/ / DO WHATEVER VỚI CÁC ĐÁNH GIÁ
}

Có chức năng trong javascript được gọi là "updateRating". Chức năng này đã được thông qua ID của Div Bình, để xác định để xếp hạng (nếu có là một xếp hạng trên trang web) đã được cập nhật và giá trị của các đánh giá [updateRating (id, rating). Bạn có thể chọn bất cứ điều gì bạn muốn với các giá trị này, như tôi đã đề cập trước đó.

Đánh giá hình ảnh: Sao, Hearts, quán rượu, hoặc bất cứ điều gì bạn vui lòng
Thay đổi sự đánh giá của các loại trên (ngôi sao, trái tim ...) là rất đơn giản. Chỉ cần tạo ra một hình ảnh tương tự như một trong những được cung cấp và thả nó. Ghi, nếu bạn thay đổi tên của hình ảnh, không làm thay đổi cần thiết trong file CSS, xem dưới đây.

Moostar {margin: 0px; padding: 0px; overflow: hidden; width: 84px; chiều cao: 20px; float: left; background: url ('stars.gif') repeat-x;}.
Moostar khoảng {float: left; margin: 0px; padding: 0px; màn hình hiển thị: block; width: 84px; chiều cao: 20px; text-decoration: none; text-indent:-9000px; z-index: 20;}.
.. Moostar curr {background: url ('stars.gif') để lại 25px;}

Xếp hạng hầu hết các vật dụng sử dụng hình ảnh ngôi sao và một nửa sao với con chuột qua các sự kiện trên mỗi ngôi sao. Moo Ratings sử dụng một hình ảnh đơn giản ma như là một hình nền để đạt được các hiệu ứng hình ảnh theo yêu cầu với một chi phí rất thấp.

Yêu cầu: Mootools 1,2
Tải về Mootols Star Rating Script (tải về 721 lần)