Expressant TI

Mootools és un MooRating (navegadors, per descomptat, ja que utilitza el poder de la biblioteca Mootools) simple, lleuger i excel · lent solució basada en qualificació. No es denomina com "estrelles", simplement perquè la imatge de qualificació podria ser que vostè trii (que he proporcionat estrelles, Bars i cors amb la descàrrega, però vostè pot crear la seva pròpia varietat i simplement deixi caure en).

Com es veu així:

	Valoració de Mootools amb diferents imatges Veure demostració
	Valoració de Mootools, amb valors percentuals Veure demostració
	Valoració de Mootools, amb valors fraccionaris Veure demostració

Descarregar Mootols Grau de l'estrella de seqüència (Descarregat 716 vegades)

Classificació de dades: Número sencer, decimal o Percentatge
Actualment el guió està dissenyat per mostrar les dades de qualificació com a valors sencers (1,2,3,4,5), en decimals (1,24, 3,45, etc) o en percentatges (12%, 55% etc.) L'opció de mostrar les dades en qualsevol dels formats esmentats es pot establir amb només canviar alguns valors dels indicadors dins de la JavaScript (moorating.js)
Bàsicament hi ha dues i dues banderes amb què jugar, per mostrar els valors en el format de la seva elecció ...

var inpercent = false; / / Establir la marca com true, si vostè requereix els valors de percentatge perquè es mostri
var isFractional = false / / Establir aquesta propietat a true per que els valors fraccionaris com 1,24, 1,25, 4,56 en lloc de 1,2 ... 5

I jo no crec que hi hagi cap explicació necessària. D'altra banda. L'script és molt simple. Si vostè coneix una mica de JavaScripting, pot modificar l'script per obtenir qualsevol tipus de valor que es mostra. Per exemple, si vostè vol tres xifres decimals que es mostraran ... només modificar la seqüència de comandaments de la següent manera ...

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

Actualització de valor nominal:
I havent molestat escriure cap script de AJAX per actualitzar el valor de Qualificacions, perquè jo sé per experiència que no sempre es té intenció d'actualitzar la qualificació tan aviat com l'usuari alguna cosa taxes. Sou lliure de fer el que vulguis amb el valor nominal, que s'actualitzarà l'ús d'AJAX, o sotmetre-o establir un valor de camp de formulari ocult, que s'han de presentar amb el formulari complet, etc

funció de updateRating (Identificació, classificació) {
/ / Alert (id + "," + Nota);
/ / Faci el amb la qualificació
}

No és funció de javascript en l'anomenat "updateRating". Aquesta funció s'ha aprovat la identificació de la Divisió de la Classificació, per identificar com perquè les qualificacions (si hi ha més que un qualificacions a la pàgina) s'ha actualitzat i el valor de la qualificació [updateRating (Identificació, classificació)]. Vostè pot optar per el que vulguis amb aquests valors, com he esmentat abans.

Valoració de la imatge: estrelles, cors, bars o qualsevol cosa que vulguis
Canvi de la classificació a qualsevol dels tipus anteriors (estrelles, cors, etc) és molt simple. Només cal crear una imatge similar a la prevista i poseu polz Recordi, si canvia el nom de la imatge, no fer els canvis necessaris al fitxer CSS, vegeu a sota.

. Moostar {margin: 0px; padding: 0px; overflow: hidden; Ample: 84px; alçada: 20px; float: left; background: url ('stars.gif') repeat-x;}
. Moostar gen {float: left; margin: 0px; padding: 0px; display: block; Ample: 84px; alçada: 20px; text-decoration: none; text-indent:-9000px; z-index: 20;}
.. Moostar curr {background: url ('stars.gif') a l'esquerra 25px;}

La majoria dels widgets de qualificacions utilitzen imatges de les estrelles estrella i mitja amb el ratolí sobre els esdeveniments de cada estel. Valoracions Moo utilitza un sprite simple com una imatge de fons per aconseguir els efectes requerits visuals amb una sobrecàrrega molt baixa.

Requisits: Mootools 01/02
Descarregar Mootols Grau de l'estrella de seqüència (Descarregat 716 vegades)