Exprimarea IT

Mootools MooRating este un (browser-ul cruce, desigur ca foloseste puterea de a bibliotecii mootools) simplu, usor si excelent soluţie bazată pe evaluare. Acesta nu este numit ca "Star Rating", pur şi simplu pentru că, imaginea de rating ar putea fi ca tu a alege (am furnizat Stele, baruri şi inimile cu descărcare, dar vă puteţi crea propria varietate şi doar o picătură în).

Cum se arata ca:

	Evaluare mootools cu imagini diferite Vezi Demo
	Evaluare mootools cu valori procentuale Vezi Demo
	Evaluare mootools cu valori fracţionare Vezi Demo

Descărcaţi Mootols Star Rating Script (Descarcat de 718 ori)

Evaluare de date: număr întreg, zecimal sau un procent
În prezent, script-ul este conceput pentru a afişa datele de rating ca valori întregi (1,2,3,4,5), în zecimale (1.24, 3.45, etc), sau în procente (12%, 55% etc.) Alegerea de a afişa date în oricare dintre formatele menţionate pot fi stabilite doar prin schimbarea unor valori pavilion în termen de javascript (moorating.js)
În principiu, există două e de două steaguri pentru a juca cu, pentru afişarea valorilor în formatul de alegerea ta ...

var inpercent = false; / / Set acest pavilion pentru a adevărat, dacă aveţi nevoie de valori procentuale, pentru a fi afişate
var isFractional = false / / Set acest adevărat, dacă doriţi valori fracţionare, cum ar fi 1.24, 1.25, 4.56, mai degrabă decât 1,2 ... 5

Şi I dont cred că există vreo explicaţie necesară pentru acest lucru. Mai mult decât atât. Scenariul e foarte simplu. Dacă ştiţi un pic javascripting, ai putea modifica script-ul pentru a obţine orice fel de valoarea afişată. De exemplu, dacă ai vrut trei zecimale pentru a fi afişate ... tweak la fel ca script-ul de mai jos ...

dacă (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] innerHTML = formatNumber (X, 3);.} / / 2 este schimbat la 3
else {moostartval [i] innerHTML = Math.round (x).;

Actualizarea Valoare Evaluare:
I havent deranjat scris orice script-uri AJAX pentru actualizarea valorii Evaluări, pentru ca stiu din experienta mea că nu întotdeauna se intenţionează să actualizeze EVALUARE cât mai curând ceva de utilizator ratele. Eşti liber să faci ce vrei cu valoarea nominală, actualizaţi-le folosind AJAX sau Trimiteţi-l sau Setaţi o valoare de câmp formular ascuns, care urmează să fie prezentată cu întregul formular, etc

Funcţia updateRating (id, evaluare) {
/ / Alert (id + "," + evaluare);
/ / Fă ce CU EVALUARE
}

Există în funcţie javascript numit "updateRating". Această funcţie a fost trecut ID-ul de Div Evaluare, pentru a identifica drept pentru care ratingurile (în cazul în care există mai mult de un rating de pe pagina) a fost actualizată şi valoarea de evaluare [updateRating (id, evaluare)]. Ai putea alege la ce vrei cu aceste valori, după cum am menţionat mai devreme.

Imagine Evaluare: Stele, inima, baruri sau orice altceva, te rog
Schimbarea de rating la oricare dintre tipurile de mai sus (stele, inima, etc), este foarte simplu. Crea o imagine similară cu cea prevăzută şi fixaţi-l inch Amintiţi-vă, dacă vă schimbaţi numele imaginii, nu face modificările necesare în fişierul CSS, a se vedea mai jos.

Moostar {margin: 0px; padding: 0px; depăşire: ascuns; lăţime: 84px; inaltime: 20px; float: left; background: url ("stars.gif"), repeta-x;}.
Moostar durata {float: left; margin: 0px; padding: 0px; display: block; lăţime: 84px; inaltime: 20px; text-decoration: none; text-indent:-9000px, z-index: 20;}.
.. Moostar pac {background: url ("stars.gif") a lăsat 25px;}

Cele mai multe widget-uri de rating utilizează stele şi jumătate de stele, imagini cu mouse-ul peste evenimentele de pe fiecare stea. Evaluări Moo foloseste o imagine simpla Sprite ca o imagine de fundal pentru a obţine efecte vizuale necesare, cu un foarte mic deasupra capului.

Cerinte: mootools 1.2
Descărcaţi Mootols Star Rating Script (Descarcat de 718 ori)