2008 2. prosinca 2008

Jednostavno križ Browser ocjena Skripta za Mootools

MooRating je jednostavan (križ preglednik, naravno, jer se koristi moć MooTools knjižnice), lagan i odličan Mootools ocjena temelji rješenje. Nije nazvao kao "kategorizaciji zvjezdicama", jednostavno zato što Ocjena slika bi mogla biti kao što ste izabrali (Ja sam pod uvjetom Provjerite, barovi i srca s download, ali možete napraviti svoj vlastiti izbor i samo je kap u).

Kako to izgleda ovako:

Mootools Ocjena različitim slikama Vidi Demo
Mootools ocjena s Postotak vrijednosti Vidi Demo
Mootools ocjena s djelomičnim vrijednostima Vidi Demo

Preuzmite Mootols Broj zvjezdica Skripta (Downloaded 718 puta)

Ocjena podaci: cijeli broj, decimalni ili postotak
Trenutno skripta je dizajniran za prikaz ocjena podatke kao cjelovite vrijednosti (1,2,3,4,5), u decimale (1,24, 3,45 i sl.) ili u postocima (12%, 55% itd.). Izbor za prikaz podataka u bilo kojem od spomenutih formata može se postaviti jednostavno promjenom nekih vrijednosti unutar zastavu JavaScript (moorating.js)
U osnovi postoje dvije e dvije zastave igrati sa, za prikazivanje vrijednosti u formatu po vašem izboru ...

var inpercent = false; / / Postavite ovu zastavu na true, ako vam je potrebna postotak vrijednosti koji će biti prikazani
var isFractional = false / / Set to istina, ako želite nepotpune vrijednosti kao što su 1,24 i 1,25 i 4,56 umjesto 1,2 ... 5

A ja ne mislim da je bilo potrebno objašnjenje za to. Osim toga. Skripta je vrlo jednostavna. Ako znate malo javascripting, možete modificirati skriptu da biste dobili bilo kakve vrijednosti prikazane. Jer npr. ako biste željeli tri decimalna mjesta koji će biti prikazani ... samo ugađanje skriptu kao ispod ...

if (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] = innerHTML formatNumber (x, 3);.} / / 2. mijenja se do 3
else {moostartval [i] = innerHTML Math.round (x).;

Ažuriranje Ocjena vrijednost:
Ja luka smeta pisanje bilo kakvih AJAX skripte za ažuriranje ocjene vrijednost, jer znam da iz mog iskustva da NIJE UVIJEK se ne namjerava ažurirati Ocjena čim nešto korisničkom stope. Vi ste slobodni raditi što god želite s nazivnom vrijednosti, Ažurirajte koristeći AJAX ili ga poslati ili Podesite skrivene vrijednost polje obrasca, koje se podnosi s cijelim obliku itd.

Funkcija updateRating (id, ocjena) {
/ / Alert (id + "" + ocjena);
/ / Što god SA rating
}

Tu je funkcija u JavaScriptu pod nazivom "updateRating". Ova funkcija je prošao u ID Ocjena diviziju, identificirati kako bi se što ocjena (ako postoji više od jedne ocjene na stranici) je ažuriran i vrijednost ocjena [updateRating (id, rating)]. Možete odabrati ono što želite s tim vrijednostima, kao što sam spomenuo ranije.

Ocjena Slika: zvjezdice, srca, barovi, ili bilo što, molim Vas
Promjena ocjena za bilo koji od navedenih vrsta (zvjezdice, srca, itd.) je vrlo jednostavan. Dovoljno je stvoriti sliku sličan onome predviđenom i ispustite ga u. Zapamtite, ako ste promijenili ime slike, napravite potrebne promjene u CSS datoteke, pogledajte u nastavku.

. Moostar {margin: 0px; padding: 0px; overflow: skriveno, širina: 84px; visina: 20px; plovak: lijevo, background: url ('stars.gif') ponavljam-x;}
. Moostar span {plovak: lijevo; margin: 0px; padding: 0px; display: block; širina: 84px; visina: 20px; text-decoration: none; teksta alineje:-9000px; z-index: 20;}
.. Moostar valuta {background: url ('stars.gif') lijevo 25px;}

Većina ocjene dodaci koristiti zvijezda i pola zvjezdice slike s mišem preko događaja na svakoj zvijezdi. Moo Ocjene koristi jednostavan Sprite sliku kao pozadinsku sliku za postizanje potrebne vizualne efekte s vrlo niskom pretek.

Zahtjevi: Mootools 1.2
Preuzmite Mootols Broj zvjezdica Skripta (Downloaded 718 puta)


NDK dom | Izražavajući IT | Izražavajući Ukus | Izražavajući Penmenship | Izražavajući strahopoštovanje | Izražavajući Sebe