Vienkāršs krusts Pārlūka Reitings Skripts Lai Mootools

MooRating ir vienkāršs (pāri pārlūku, protams, kā tā izmanto spēku MooTools bibliotēkas), viegls un teicams Mootools balstās reitinga risinājumu. Tas nav saukts par "Star Rating", vienkārši tāpēc, reitings attēls varētu būt kā izvēlēties (man ir sniegušas Pārbaudīt, bāri un sirdis ar download, bet jūs varat izveidot savu daudzveidību un tikai piliens to).

Kā tas izskatās:

Mootools Reitings ar dažādiem attēliem Apskatīt Demo
Mootools Reitings ar procentu vērtībām Apskatīt Demo
Mootools Reitings ar daļskaitļiem Apskatīt Demo

Lejuplādēt Mootols Viesnīcas kategorijā Script (Downloaded 722 times)

Vērtējums dati: Vesels skaitlis, decimāldaļu vai procentuālā
Šobrīd skripts ir paredzēts, lai parādītu vērtējums datus kā visu vērtību (1,2,3,4,5), jo decimāldaļām (1,24, 3,45 utt) vai procentuālā daļa (12%, 55% utt.) Izvēle, lai parādītu datus jebkurā no minētajiem formātiem var noteikt, vienkārši nomainot dažas karoga vērtības robežās JavaScript (moorating.js)
Pamatā ir divi e divi karogi spēlēt ar, parādot vērtības formātu jūsu izvēles ...

var inpercent = false; / / Set šo karogu uz true, ja jums nepieciešama procentu vērtības, kas parādītas
var isFractional = false / / Set to taisnība, ja jūs vēlaties, daļējām vērtībām, piemēram, 1,24 un 1,25, 4.56, nevis 1,2 ... 5

Un es dont domāju, ka ir kāds izskaidrojums nepieciešama to. Turklāt. Skripts ir ļoti vienkārši. Ja jūs zināt mazliet javascripting, jūs varētu modificēt skriptu, lai saņemtu jebkāda veida redzamo vērtību. Par piemēram, ja jūs vēlaties, trīs zīmēm aiz komata, kas redzams ... vienkārši iekniebt skriptu, kā zemāk ...

ja (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] innerHTML = FormatNumber (x, 3);.} / / 2 tiek mainīta uz 3
else {moostartval [i] innerHTML = Math.round (x).;

Atjaunināšanu vērtējuma vērtību:
Es havent bothered rakstot jebkuru AJAX skriptus, lai atjauninātu vērtēšanas vērtību, jo es zinu no savas pieredzes, ka ne vienmēr tā plāno atjaunināt reitingu tiklīdz lietotājs likmju kaut ko. Jūs esat brīvi darīt neatkarīgi vēlaties ar nominālo vērtību, Update to, izmantojot AJAX vai Iesniedziet to, vai Nosaka slēptās formas lauka vērtību, kas jāiesniedz kopā ar visu formu uc

funkcija updateRating (id, vērtējums) {
/ / Alert (id + "," + vērtējums);
/ / Vai kāds ar kredītreitingu
}

Ir funkcija javascript sauc "updateRating". Šī funkcija ir nokārtojis to ID Reitings Div, lai identificētu to, kuras reitingiem (ja ir vairāk nekā viens vērtējumu par lapu), tika atjaunināts un vērtība reitingā [updateRating (id, vērtējums)]. Jūs varētu izvēlēties neatkarīgi vēlaties ar šīm vērtībām, kā jau minēju iepriekš.

Vērtējums attēls: Zvaigznes, sirdis, bāri vai kaut ko, lūdzu,
Mainot reitingu uz jebkuru no iepriekš minētajiem veidiem (zvaigznes, sirdis utt) ir ļoti vienkārša. Tikko izveidoju attēlu līdzīgu sniegto vienu un nometiet to iekšā Atcerieties, ja jūs maināt nosaukumu no attēla, do veikt nepieciešamās izmaiņas CSS failu, skatiet zemāk.

. Moostar {margin: 0px; padding: 0px; pārplūde: hidden; platums: 84px; augstums: 20px; float: left; fons: url ('stars.gif ") atkārtotu x;}
. Moostar span {float: left; margin: 0px; padding: 0px; display: block; platums: 84px; augstums: 20px; teksta noformējums: none; teksta ievilkumu:-9000px; z-index: 20;}
. Moostar Valūta {background: url ('stars.gif ") atstāja 25px;}.

Lielākā daļa vērtējumi logrīki izmantot zvaigzne un 1/2 zvaigžņu attēlus ar peli pār notikumiem katru zvaigzni. Moo Reitingi izmanto vienkāršu Sprite attēlu kā fona attēlu, lai sasniegtu prasītos vizuālos efektus ar ļoti zemu virs galvas.

Prasības: Mootools 1.2
Lejuplādēt Mootols Viesnīcas kategorijā Script (Downloaded 722 times)


Atstāj atbildi

NDK sākums | Izsakot IT | Izsakot aukslējas | Izsakot Penmenship | Izsakot bijību | Izsakot Sevi