Εκφράζοντας IT

MooRating είναι ένα απλό (πρόγραμμα περιήγησης στο σταυρό, φυσικά με αυτό που χρησιμοποιεί τη δύναμη της βιβλιοθήκης Mootools), ελαφρύ και εξαιρετικά Mootools βασίζεται λύση βαθμολογία. Δεν έχει ονομαστεί ως "Αστέρων", απλά επειδή η εικόνα βαθμολογία θα μπορούσε να είναι όπως εσείς επιλέξετε (έχω δώσει Stars, Μπαρ και καρδιές με το download, αλλά μπορείτε να δημιουργήσετε τη δική σας ποικιλία και απλά να πέσει μέσα).

Πώς μοιάζει με:

	Mootools Βαθμολογία με διαφορετικές εικόνες Προβολή Demo
	Mootools Βαθμολογία με τιμές Ποσοστό Προβολή Demo
	Mootools Βαθμολογία με κλασματικές τιμές Προβολή Demo

Λήψη Mootols Αστέρων Σενάριο (Κατεβασμένο 714 φορές)

Δεδομένων Βαθμολογία: Ακέραιος αριθμός, Δεκαδικός ή Ποσοστό
Σήμερα το σενάριο έχει σχεδιαστεί για να δείξει τα στοιχεία που αναγράφονται ως σύνολο αξιών (1,2,3,4,5), σε δεκαδικά (1,24, 3,45 κ.λ.π.) ή σε ποσοστά (12%, 55% κλπ). Η επιλογή να εμφανίζουν δεδομένα σε οποιαδήποτε από τις μορφές που αναφέρονται μπορεί να οριστεί απλά αλλάζοντας κάποιες αξίες σημαία εντός της javascript (moorating.js)
Βασικά υπάρχουν δύο ε δύο σημαίες για να παίξει με, για την εμφάνιση τιμών με τη μορφή της επιλογής σας ...

var inpercent = false? / / Ορίστε αυτήν τη σημαία αλήθεια, αν χρειάζεστε ποσοστιαίες τιμές να εμφανίζονται
var isFractional = false / / Ορίστε αυτή την αλήθεια, αν θέλετε, όπως κλασματικές τιμές 1,24, 1,25, 4,56 και όχι 1,2 ... 5

Και δεν νομίζω ότι υπάρχει εξήγηση γι 'αυτό απαιτείται. Επιπλέον. Το σενάριο είναι πολύ απλό. Εάν γνωρίζετε λίγο javascripting, μπορείτε να τροποποιήσετε το script για να πάρετε οποιοδήποτε είδος της εμφανιζόμενης τιμής. Για παράδειγμα, αν θέλετε τρία δεκαδικά ψηφία να εμφανίζονται ... τσίμπημα ακριβώς το σενάριο, όπως παρακάτω ...

αν (isFractional) {if (x <= 5 | | x> = 0) moostartval [i] = innerHTML FormatNumber (x, 3)?.} / / 2 έχει αλλάξει έως 3
else {moostartval [i] = innerHTML Math.round (x).?

Ενημέρωση Αξία Βαθμολογία:
Εγώ έχω ενοχληθεί εγγράφως τυχόν σενάρια AJAX για την επικαιροποίηση της αξίας Βαθμολογίες, διότι γνωρίζω από την εμπειρία μου ότι ΠΑΝΤΑ ΔΕΝ προτίθεται να ενημερώσετε τη βαθμολογία μόλις τα ποσοστά των χρηστών κάτι. Είστε ελεύθεροι να κάνετε ότι θέλετε με την ονομαστική αξία, Ενημέρωση χρησιμοποιώντας AJAX, ή να υποβάλει ή να ορίσετε μια κρυμμένη αξία πεδίο φόρμας, πρέπει να υποβάλλονται με τη μορφή ολόκληρο κλπ.

λειτουργία updateRating (id, βαθμολογία) {
/ / Προειδοποίησης (id + "," + βαθμολογία)?
/ / Κάνει ό, τι με τη βαθμολογία
}

Υπάρχει η λειτουργία του javascript που ονομάζεται "updateRating". Αυτή η λειτουργία έχει περάσει το ID της Div της αξιολόγησης, ώστε να προσδιορίσει ως προς τα οποία αξιολογήσεις (αν υπάρχουν περισσότερες από μία αξιολογήσεις στη σελίδα) ενημερώθηκε και η αξία της διαβάθμισης [updateRating (id, βαθμολογία)]. Μπορείτε να επιλέξετε να κάνετε ότι θέλετε με τις τιμές αυτές, όπως ανέφερα νωρίτερα.

Εικόνα Βαθμολογία: Ηθοποιοί, καρδιές, Μπαρ ή οτιδήποτε σας παρακαλώ
Η αλλαγή της αξιολόγησης σε οποιαδήποτε από τις παραπάνω κατηγορίες (αστέρια, καρδιές κλπ) είναι πολύ απλή. Απλά δημιουργήστε μια εικόνα παρόμοια με την προϋπόθεση ενός και ρίχνετε μέσα το θυμάστε, αν αλλάξετε το όνομα της εικόνας, δεν κάνει τις απαραίτητες αλλαγές στο αρχείο CSS, δείτε παρακάτω.

. Moostar {margin: 0px? Padding: 0px? Υπερχείλιση: κρυμμένο? Πλάτος: 84px? Ύψος: 20px? Float: αριστερά? Υπόβαθρο: url ("stars.gif») επαναλαμβάνω-x?}
. Moostar διάρκεια {float: αριστερά? Περιθώριο: 0px? Padding: 0px? Display: block? Πλάτος: 84px? Ύψος: 20px? Κείμενο-διακόσμηση: κανένας? Text-indent:-9000px? Z-index: 20?}
.. Moostar curr {background: url ("stars.gif») άφησε 25px?}

Οι περισσότερες μικροσυσκευές χρησιμοποιούν αξιολογήσεις αστέρων και μισή αστέρι εικόνες με το ποντίκι πάνω από τα γεγονότα σε κάθε αστέρι. Moo Βαθμολογίες χρησιμοποιεί ένα απλό ξωτικό εικόνα ως εικόνα φόντου για την επίτευξη των απαιτούμενων οπτικά εφέ με πολύ χαμηλή επιβάρυνση.

Απαιτήσεις: 1,2 Mootools
Λήψη Mootols Αστέρων Σενάριο (Κατεβασμένο 714 φορές)