2008 2 दिसंबर 2008

MooTools के लिए सरल क्रॉस ब्राउज़र रेटिंग के स्क्रिप्ट

MooRating पाठ्यक्रम के एक सरल (पार ब्राउज़र, के रूप में यह MooTools पुस्तकालय की शक्ति का उपयोग करता है) हल्के, और उत्कृष्ट MooTools दर्ज़ा समाधान आधारित. यह 'स्टार रेटिंग' के रूप में नहीं करार दिया जाता है, सिर्फ इसलिए कि, रेटिंग छवि के रूप में आप चुनते हो सकता है (मैं सितारे, बार्स और दिल डाउनलोड के साथ उपलब्ध कराई है, लेकिन आप अपने खुद के विभिन्न प्रकार बनाने के लिए और सिर्फ यह में ड्रॉप कर सकते हैं).

यह कैसे की तरह लग रहा है:

अलग छवियों के साथ MooTools रेटिंग डेमो देखें
प्रतिशत मान के साथ MooTools रेटिंग डेमो देखें
भिन्नात्मक मूल्यों के साथ MooTools रेटिंग डेमो देखें

डाउनलोड Mootols सितारा रेटिंग स्क्रिप्ट (713 बार डाउनलोड)

रेटिंग डेटा पूरी संख्या, दशमलव या प्रतिशत:
वर्तमान में स्क्रिप्ट के लिए पूरे (1,2,3,4,5) दशमलव में, मान (1.24, 3.45, आदि) के रूप में या प्रतिशत में दर्ज़ा डेटा (12%, 55% आदि) को दिखाने के लिए डिज़ाइन किया गया है. उल्लेख स्वरूपों में से किसी में डेटा दिखाने के लिए पसंद जावास्क्रिप्ट भीतर कुछ ध्वज मान (moorating.js) बदलकर बस सेट कर सकते हैं
असल में वहाँ दो ई के साथ अपनी पसंद के स्वरूप में मान प्रदर्शित करने के लिए, खेलने दो झंडे कर रहे हैं ...

var inpercent = झूठी; / / सच यह ध्वज सेट है, अगर आप प्रतिशत मूल्यों को प्रदर्शित करने की आवश्यकता है
var isFractional झूठी = / / इसे सही पर सेट है, यदि आप 1.24, 1.25 के बजाय 4.56 1,2 तरह भिन्नात्मक मूल्यों ... 5 चाहते हैं

और मुझे लगता है कि वहाँ किसी भी स्पष्टीकरण के लिए यह आवश्यक है. इसके अलावा. स्क्रिप्ट बहुत सरल है. यदि आप एक छोटे से javascripting पता है, आप स्क्रिप्ट को संशोधित करने के लिए प्रदर्शित मान के किसी भी प्रकार मिल सकता है. उदाहरण के लिए अगर आप तीन दशमलव स्थानों को प्रदर्शित किया चाहता था ... बस स्क्रिप्ट के रूप में नीचे tweak के ...

अगर 3 / / 2 बदल जाता है; (isFractional) {moostartval मैं innerHTML = (एक्स, 3) formatNumber अगर (= 0 x <| x = 5>)}
और {moostartval [मैं] innerHTML = Math.round (x).

रेटिंग मूल्य अद्यतन:
मैं havent मूल्यांकन मूल्य को अद्यतन करने के लिए कोई AJAX स्क्रिप्ट लिखने, क्योंकि मैं अपने अनुभव से पता है कि यह नहीं हमेशा के लिए दर्ज़ा के रूप में उपयोगकर्ता दरों के रूप में कुछ जल्दी अद्यतन करना चाहते हैं परेशान. आप दर्ज़ा दिया गया है मूल्य के साथ करते हैं जो आप चाहते हैं के लिए मुक्त हैं, यह AJAX का उपयोग कर अद्यतन करें या यह जमा या एक छिपे हुए प्रपत्र फ़ील्ड मान सेट करने के लिए संपूर्ण प्रपत्र आदि के साथ प्रस्तुत किया जाना

समारोह updateRating (आईडी, दर्ज़ा) {
/ / चेतावनी (आईडी "," दर्ज़ा +);
/ / रेटिंग के साथ जो कुछ भी
}

जावास्क्रिप्ट में समारोह updateRating "कहा जाता है. इस समारोह रेटिंग डिव के आईडी पारित किया गया है, के रूप में पहचान रहा है जो (यदि वहाँ अधिक है कि पृष्ठ पर एक रेटिंग) अद्यतन किया गया था और रेटिंग के मूल्य [updateRating (आईडी, दर्ज़ा)] आप जो कुछ भी आप इन मूल्यों के साथ करना चाहते करने के लिए चुनते हैं, जैसा कि मैंने पहले उल्लेख किया है.

रेटिंग छवि: सितारे, दिल, बार्स, या कुछ भी आप कृपया
(तारे, आदि दिल) उपरोक्त प्रकार के किसी भी रेटिंग बदलना बहुत आसान है. सिर्फ एक प्रदान करने के लिए इसी तरह की छवि बना सकते हैं और अंदर ड्रॉप करने के लिए याद रखें, यदि आप छवि का नाम बदलने, सीएसएस फ़ाइल में आवश्यक परिवर्तन करने के लिए, नीचे देखें.

Moostar {मार्जिन: 0px; गद्दी: 0px; अतिप्रवाह: छुपा, चौड़ाई: 84px; ऊँचाई: 20px; फ्लोट: छोड़ा; पृष्ठभूमि: ('stars.gif') यूआरएल दोहराने - x;}.
. Moostar अवधि {फ्लोट: छोड़ा; मार्जिन: 0px; गद्दी: 0px; प्रदर्शन: ब्लॉक; चौड़ाई: 84px; ऊंचाई: 20px; पाठ सजावट: कोई नहीं; पाठ इंडेंट: 9000px, z-सूचकांक: 20;}
. Moostar curr {पृष्ठभूमि: यूआरएल ('stars.gif) 25px छोड़ दिया;}

अधिकांश मूल्यांकन विजेट प्रत्येक स्टार पर घटनाओं पर माउस के साथ स्टार और आधे स्टार छवियों का उपयोग करें. मू मूल्यांकन के लिए एक बहुत कम भूमि के ऊपर के साथ आवश्यक दृश्य प्रभाव को प्राप्त करने के लिए एक पृष्ठभूमि छवि के रूप में एक सरल प्रेत छवि का उपयोग करता है.

आवश्यकताएँ: 1.2 MooTools
डाउनलोड Mootols सितारा रेटिंग स्क्रिप्ट (713 बार डाउनलोड)


NDK घर | आईटी व्यक्त | व्यक्त तालु | व्यक्त Penmenship | श्रद्धा व्यक्त | अपने आप को व्यक्त