Esprimere IT

Mootools è un MooRating (cross browser, naturalmente in quanto utilizza il potere della libreria MooTools) semplice, leggera e ottima soluzione basata su rating. Non è definito come "Star Rating", semplicemente perché, l'immagine rating potrebbe essere a vostra scelta (io ho fornito Stelle, Bar e cuori con il download, ma è possibile creare il vostro gusto personale e solo cadere in).

Come appare così:

	Valutazione Mootools con immagini differenti Visualizza Demo
	Valutazione Mootools con valori percentuali Visualizza Demo
	Valutazione Mootools con valori frazionari Visualizza Demo

Scarica Mootols Star Rating Script (Scaricato 721 volte)

Dati Rating: numero intero, decimale o percentuale
Attualmente lo script è stato progettato per visualizzare i dati di rating come valori interi (1,2,3,4,5), in decimali (1,24, 3,45, ecc) o in percentuale (12%, 55% etc). La scelta di mostrare i dati in uno dei formati citati può essere impostato semplicemente cambiando alcuni valori di bandiera all'interno del javascript (moorating.js)
Fondamentalmente ci sono due e due bandiere con cui giocare, per la visualizzazione dei valori nel formato di vostra scelta ...

var inpercent = false; / / Imposta questo flag su true, se avete bisogno di valori percentuali da visualizzare
var isFractional = false / / Imposta questo a true, se vuoi i valori frazionari come 1,24, 1,25, 4,56 invece di 1,2 ... 5

E non penso che ci sia una spiegazione per questo necessaria. Inoltre. Lo script è molto semplice. Se conoscete un po 'javascripting, è possibile modificare lo script per ottenere qualsiasi tipo di valore visualizzato. Per esempio, se si voleva tre cifre decimali da visualizzare ... basta modificare lo script come segue ...

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

Aggiornamento del valore di targa:
I havent preso la briga scrivere gli script AJAX per l'aggiornamento del valore di rating, perché so dalla mia esperienza che non sempre si intende aggiornare il RATING non appena l'utente abbia i tassi. Siete liberi di fare quello che vuoi con il valore nominale, aggiornarla con AJAX o inviarlo o Impostare un valore nascosto campo del modulo, da presentare con la forma intera, ecc

Funzione updateRating (id, rating) {
/ / Alert (id + "," + rating);
/ / Facciamo quanto CON IL RATING
}

Vi è funzione nel javascript chiamato "updateRating". Questa funzione è stato superato, la ID del Div Rating, per individuare di quali valutazioni (se ci sono più di un rating sulla pagina) è stato aggiornato e il valore del rating [updateRating (id, rating)]. Si può scegliere di quello che vuoi con questi valori, come ho detto prima.

Immagine di rating: stelle, cuori, bar o qualsiasi cosa tu per favore
Cambiare il rating per uno dei tipi di cui sopra (stelle, cuori, ecc) è molto semplice. Basta creare un'immagine simile a quello previsto e rilasciarlo dentro Ricordati, se si modifica il nome dell'immagine, non apportare le modifiche necessarie nel file CSS, vedi sotto.

. Moostar {margin: 0px; padding: 0px; overflow: hidden; width: 84px, Altezza: 20px; float: left; background: url ('stars.gif') repeat-x;}
. Moostar span {float: left; margin: 0px; padding: 0px; display: block; width: 84px, Altezza: 20px; text-decoration: none; text-indent:-9000px; z-index: 20;}
.. Moostar curr {background: url ('stars.gif') ha lasciato 25px;}

La maggior parte dei widget rating utilizzare stella e mezza stelle immagini con il mouse sopra eventi in ogni stella. Valutazioni Moo utilizza una semplice immagine sprite come immagine di sfondo per ottenere gli effetti visivi richiesti con un overhead molto basso.

Requisiti: Mootools 1.2
Scarica Mootols Star Rating Script (Scaricato 721 volte)