Mootools için Basit Çapraz Tarayıcı Puanlama Komut
(Bunu MooTools kütüphane güç kullanır gibi tabii çapraz tarayıcı,) MooRating bir basit, hafif ve mükemmel Mootools derece çözüm dayanır. Bu derece resmin (I download ile Yıldız, Barlar ve Hearts vermiş, ancak kendi çeşitli oluşturmak ve sadece bunu bırakabilirsiniz) seçtiğiniz gibi olabilir, çünkü basitçe "Star Rating" olarak adlandırılır değildir.
Nasıl benziyor mu:
| Farklı görüntüleri ile Mootools Puanlama Demo görüntüle |
| Yüzde değerleri ile Mootools Puanlama Demo görüntüle | |
| Kesirli değerleri ile Mootools Puanlama Demo görüntüle |
İndir Mootols Yıldız Derecelendirmesi Senaryo (718 kez indirildi)
Puanlama veriler: Tüm Numarası, Ondalık veya Yüzde
Şu anda komut ondalık içinde tüm değerleri (1,2,3,4,5), (1.24, 3.45 gibi) veya yüzde olarak değerlendirmesi veri (% 12,% 55 vb) göstermek için tasarlanmıştır. Bahsedilen biçimlerinden herhangi veri göstermek için seçim javascript içindeki bazı bayrak değerleri (moorating.js) değiştirerek basitçe ayarlanabilir
Temelde seçim formatında değerleri görüntülemek için, oynamak için iki e iki bayrak vardır ...
var inpercent = false; Eğer yüzdelik değerlerin gösterilmesini gerektiriyorsa / / true, bu bayrak ayarlayın
var isFractional Eğer 1.24, 1.25, 4.56 yerine 1,2 gibi kesirli değerler ... 5 istiyorsanız = false / / true bu ayarla
Ve ben bunun için gerekli herhangi bir açıklaması yoktur sanmıyorum. Dahası. Betik çok basittir. Biraz javascripting biliyorsanız, gösterilen değerin herhangi bir tür almak için komut değiştirebilir. Görüntülenmesini üç ondalık basamak isteseydiniz örn ... gibi aşağıdaki komut tweak ...
/ / 2 değiştirilir ile 3 arasındadır; | (isFractional) {. moostartval [I] innerHTML = FormatNumber (x, 3) halinde (= 0 x <| x = 5>)} halinde
else {moostartval [i] innerHTML = Math.round (x).;
Değerlendirme Değer güncellenmesi:
Ben DAİMA bunu en kısa sürede kullanıcı oranları bir şey olarak RATING güncellemek için düşünüyorsunuz değil benim yaşadığım için biliyorum, çünkü Oyları değeri güncellemek için herhangi bir AJAX senaryo yazmaya rahatsız vermedin. Bu puan değeri ile ne istersen yapmak serbesttir, bunu AJAX kullanarak güncelleyin ya da gönderin veya gizli bir form alanı değeri ayarlayın, tüm formu vb sunulacak
fonksiyonu updateRating (id, rating) {
/ / Alert (id + "," + rating);
/ / SINIFI İLE WHATEVER DO
}
"UpdateRating" adlı javascript işlevi yoktur. Bu fonksiyon olarak tanımlamak için, Puanlama Div ID geçti edildiği derecelendirme güncellenen ve derecelendirme değeri [updateRating (id, rating)]. Edildi (sayfa üzerinde bir oy daha o varsa) I daha önce belirtildiği gibi, bu değerleri her istediğinizi seçebilirsiniz.
Değerlendirme Resim: Yıldız, Hearts, Barlar ya lütfen bir şey
Yukarıda türleri (yıldız, kupa vb) birine derece değiştirmek çok basittir. Eğer resmin adını değiştirmek CSS dosyasında gerekli değişiklikleri yapmak, yapmayı, sadece sağlanan benzer bir görüntü oluşturmak ve hatırla içeri bırakın, aşağıya bakın.
. Moostar {margin: 0px; padding: 0px; overflow: hidden; width: 84px; height: 20px; float: left; background: url ('stars.gif') repeat-x;}
. Moostar a {float: left; margin: 0px; padding: 0px; display: block; width: 84px; height: 20px; text-decoration: none; text-indent:-9000px; z-index: 20;}
.. Moostar Curr {background: url ('stars.gif') 25px sola;}
En çok oy widget her yıldızın üzerine olaylar üzerinde fare ile yıldız ve yarım-yıldız görüntüleri kullanın. Moo oyları çok düşük bir ek yük ile gerekli görsel efektler elde etmek için bir arka plan resmi olarak basit bir sprite görüntüyü kullanır.
Gereksinimleri: Mootools 1.2
İndir Mootols Yıldız Derecelendirmesi Senaryo (718 kez indirildi)











































