2011-11-07 10 views
15

में काम करते हैं मैं एचटीएमएल 5 तत्व है, जो हैमैं कैसे एचटीएमएल 5 स्लाइडर (इनपुट प्रकार = 'सीमा') करते हैं फ़ायरफ़ॉक्स

<input type='range' step='1' min='-300' max='-1' /> 

यह एक स्लाइडर माना जाता है इस्तेमाल करने की कोशिश। यह क्रोम में काम करता है। लेकिन यह फ़ायरफ़ॉक्स 8 में काम नहीं करता है। मैंने इसे "html5test.com" में चेक किया है, यह कहता है कि फ़ायरफ़ॉक्स 8 आंशिक रूप से "रेंज" प्रकार का समर्थन करता है। यह "न्यूनतम" और "अधिकतम" विशेषता का समर्थन करता है, लेकिन "चरण" विशेषता नहीं है। फिर मैं "चरण" विशेषता को मिटा देता हूं, जैसे

<input type='range' min='-300' max='-1' /> 

यह अभी भी क्यों काम नहीं करता है?

क्या यह काम करने का कोई तरीका है?

+4

साथ जारी किया गया था स्लाइडर घटक के नवीनतम ब्राउज़र implemation देखने के लिए http: // caniuse। कॉम/इनपुट-रेंज (यह अभी भी एफएफ 15 बीटीडब्ल्यू के रूप में समर्थित नहीं है) – reevesy

उत्तर

17

यह संस्करण 11 से पहले फ़ायरफ़ॉक्स में not supported है। संस्करण 4 और बाद में जावास्क्रिप्ट कार्यान्वयन के लिए, कृपया http://frankyan.com/labs/html5slider/ देखें।

Jonathan Watt's comment ऊपर लिंक बग रिपोर्ट पर के अनुसार, समर्थन फ़ायरफ़ॉक्स विकास शाखा में जोड़ा गया है और संस्करण 23.

+0

@shareef फ़ायरफ़ॉक्स 23 वर्तमान बीटा संस्करण है। यदि आप रुचि रखते हैं तो इसके लिए बग: https://bugzilla.mozilla.org/show_bug.cgi?id=344618 – shanet

+1

फ़ायरफ़ॉक्स 23 अब जारी किया गया है इसलिए श्रेणी समर्थित है। स्टाइलिंग जानकारी के लिए [डॉक्स] देखें (https://developer.mozilla.org/en-US/docs/User:Jonathan_Watt/range)। –