Pagpapahayag ng IT

MooRating ay isang simpleng (kalyeng browser, siyempre bilang ito ay gumagamit ng kapangyarihan ng library MooTools), magaan at mahusay Mootools batay rating solusyon. Hindi ito ay termed bilang "Star Rating", lamang dahil, ang imahe ng rating ay maaaring maging bilang na pinili mo (ibinigay ko ang mga bituin, Bar at puso sa pag-download, ngunit maaari kang lumikha ng iyong sariling mga iba't-ibang at lamang drop ito sa).

Paano ito ganito ang hitsura:

	Mootools Rating na may ibang mga imahe Tingnan ang Demo
	Mootools Rating na may halaga Porsiyento Tingnan ang Demo
	Mootools Rating na may fractional halaga Tingnan ang Demo

I-download ang Mootols Star Rating Script (Nai-download na 716 beses)

Rating data: Buong Number, sa Decimal o Porsiyento
Kasalukuyang script ay dinisenyo upang ipakita ang data rating ng buong halaga (1,2,3,4,5), sa mga desimal (1.24, 3.45 etc) o sa porsyento (12%, 55% etc). Ang pagpili sa ipakita ang data sa anumang ng mga nabanggit format ay maaaring itakda lamang sa pamamagitan ng pagbabago ng bandila ilang mga halaga sa loob ng javascript (moorating.js)
Talaga may mga dalawang e dalawang flag upang i-play sa, para sa pagpapakita ng mga halaga sa format na iyong pinili ...

var inpercent = false; / / Itakda ang bandila na ito sa tunay, kung kailangan mo ng porsyento halaga na ipapakita
var isFractional = maling / / Itakda ito sa tunay, kung gusto mong mga fractional halaga tulad ng 1.24, 1.25, 4.56 kaysa sa 1,2 ... 5

At wala ako sa tingin may anumang paliwanag na kinakailangan para sa. Bukod pa rito. Ang script ay napaka-simple. Kung alam mo ng kaunti javascripting, maaari mong baguhin ang script upang makakuha ng anumang uri ng halaga ipinapakita. Para sa halimbawa kung nais mo ang tatlong mga lugar ng decimal na ipapakita ... sabunot lang ang script sa ibaba ...

kung (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] innerHTML = formatNumber (x, 3);} / / 2 ay nagbago sa 3
iba {moostartval [i] innerHTML = Math.round (x);

Ina-update ang Marka Halaga:
Na havent ako bothered pagsulat anumang mga script ng AJAX para sa pag-update ng mga Ratings ng halaga, dahil alam ko mula sa aking karanasan na hindi laging balak ko ito i-update ang RATING sa lalong madaling bagay rate gumagamit. Ikaw ay libre upang gawin ang anumang nais mo sa rate halaga, I-update ito gamit ang AJAX o Isumite ito o Itakda ang isang nakatagong form na halaga ng patlang, na isinumite kasama ang buong form atbp

function na updateRating (id, rating) {
/ / Alerto (id + "," + rating);
/ / MERON Anuman MAY ANG RATING
}

May ay pagpapaandar sa javascript na tinatawag na "updateRating". Ang function na ito ay nakapasa sa ID ng div Rating, upang makilala bilang sa kung aling mga rating (kung may higit na isang rating sa pahina) ay na-update at ang halaga ng rating [updateRating (id, rating)]. Maaari kang pumili sa kahit anong gusto mo sa mga halagang ito, bilang ko nabanggit mas maaga.

Imahe ng Rating: Bituin, puso, Bar o anumang bagay mangyaring mo
Ang pagbabago ng rating sa anumang ng sa itaas na uri (mga bituin, puso atbp) ay napaka-simple. Lumikha lamang ng isang imahe na katulad sa ang isa na ibinigay at drop ito in Tandaan, kung mong baguhin ang pangalan ng imahe, huwag gumawa ng mga kinakailangang mga pagbabago sa ang CSS file, tingnan sa ibaba.

. Moostar {margin: 0px; padding: 0px; overflow: nakatagong; width: 84px; taas: 20px; Float: kaliwa; background: url ('stars.gif') repeat-x;}
. Moostar span {Float: kaliwa; margin: 0px; padding: 0px; display: block; width: 84px; taas: 20px; text-dekorasyon: none; text-indent:-9000px; z-index: 20;}
.. Moostar na curr {background: url ('stars.gif') pakaliwa 25px;}

Karamihan rating widget ay gumagamit ng mga bituin at ang kalahati-star na mga imahe na may mouse sa mga kaganapan sa bawat bituin. Moo Ratings ay gumagamit ng isang simpleng engkanto imahe bilang isang imahe sa background upang makamit ang mga kinakailangang visual na mga epekto sa isang napakababang overhead.

Pangangailangan: Mootools 1.2
I-download ang Mootols Star Rating Script (Nai-download na 716 beses)