5 स्टार रेटिंग
यहाँ, तुम जाओ, पूरी बात को पुन:, यह मेरे लिए काम करता PHP और JQuery का उपयोग करने वाली प्रणाली का उपयोग किसी भी वेब पेज पर सर्वोत्तम उपयोगकर्ता इंटरैक्टिव तरीके से विभिन्न उत्पादों या सेवाओं को रेट करने के लिए किया जाता है। उपयोगकर्ता पेज को पुनः लोड किए बिना 1-5 स्टार के पैमाने पर सामग्री को रेट कर सकता है। हम केवल JQuery स्केल को कॉन्फ़िगर करके स्कैन 1-5 का उदाहरण ले सकते हैं। इस उदाहरण में हमने इंटरैक्टिव सितारों के लिए Raty.JS प्लगइन का उपयोग किया है।
चरण -1 सरल html फ़ाइल बनाएं नीचे के रूप में
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<script type="text/javascript">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="http://testweb3.iecworld.com/jsdemo/js/lq_js_point/js/jquery.raty.min.js"></script>
// Initialise Plugin
$(document).ready(function(){
$('.stars').raty({
score: function() {
return $(this).attr('data-score');
}
});
});
</script>
</head>
<body>
<b>Star Rating Demo</b>
<div class=”stars”></div>
</body>
</html>
यह है कि दिखाया गया है। हमारे सितारे स्टार रेटिंग आउटपुट
सबसे पहले हमने एक साधारण HTML दस्तावेज़ बनाया है और इसमें Jquery और Raty JS शामिल हैं।
स्टार रेटिंग कार्यक्षमता के लिए रैटी को प्रारंभ करने के लिए उपयोग किए गए कोड के नीचे। ।
$(document).ready(function(){
$('.stars').raty({
score: function() {
return $(this).attr('data-score');
}
});
});
केवल पढ़ने के लिए मूल्य
$('.stars').raty({
readOnly: true
});
तारों की संख्या रेटिंग $ के लिए साथ
स्टार रेटिंग ('। सितारों') raty ({ शुरू: 2 });
ऑनक्लिक कार्यक्षमता $ ('सितारों')।raty ({ ऑनक्लिक: फ़ंक्शन (स्कोर) {अलर्ट ('आपका स्कोर:' + स्कोर);} });
डिफ़ॉल्ट प्रदर्शित आधा सितारे
$('.stars').raty({
showHalf: true
});
उपयोगकर्ता भी चयनित सितारों के मूल्य मिलता है और ऑनक्लिक ईवेंट का उपयोग करके डेटाबेस में मूल्य बनाए रख सकते हैं बटन को रद्द
$('.stars').raty({
showCancel: true
});
। सैटी सितारे उपयोगकर्ता के अनुकूल हैं और लगभग सभी ब्राउज़रों (फ़ायरफ़ॉक्स, Google क्रोम, सफारी, आईपैड, आईफोन, एंड्रॉइड फोन इत्यादि) द्वारा समर्थित हैं। www.spjoshis.blogspot.com
कोशिश सीएसएस की लोडिंग अनुक्रम स्विच करने के लिए और जे एस – jigfox
मैं दोनों सीएसएस और जे एस पर 'स्थगित' लेकिन कोई लाभ नहीं हुआ :( – Tim
कि प्लगइन के साथ कार्य करना करने के लिए मुझे पागल कर दिया की कोशिश की है। यह हैक कर लिया गया है प्रकट होता है 8 अलग-अलग लोगों की तरह। आप जानते हैं कि मैं वास्तव में क्या नफरत करता हूं? // //}; // एक बाइट बचाओ! 'गंभीरता से,' बाइट को बचाने 'के लिए ब्रेसिज़ से छुटकारा पाएं? और फिर इसके बारे में कोई टिप्पणी छोड़ दें? – JAL