क्या एक बटन पर काम करने के लिए Cufon प्राप्त करना संभव है?

Question

तो फिलहाल मैं अपने सिर को झुका रहा हूं - इस समय हम बटन के लिए एक तत्व का उपयोग अपने स्वयं के कस्टम फ़ॉन्ट देने के लिए करते हैं, ठीक है - यह काम करता है, लेकिन जैसा कि हम साइट के बाकी हिस्सों पर Cufon का उपयोग कर रहे हैं, हम एक बटन पर काम कर रहे Cufon प्राप्त करना संभव है तो सोच रहा हूँ।

अब तक मैंने बटन को एक 'इनपुट' या 'इनपुट [टाइप = "सबमिट"]' तत्व पर मानक सीएसएस शैलियों का उपयोग करके ठीक किया है - लेकिन मैंने इन दोनों को cufon में करने की कोशिश की है असफलता से।

यह एक बटन है - इसलिए कफॉन छवियों को उत्पन्न करता है, यह काम करना चाहिए, लेकिन शायद मैं इसे गलत कर रहा हूं - क्या कोई मदद कर सकता है?

Answer 1

निम्नलिखित तरीके से तत्व का उपयोग करना:

<button type="buton">value</button> 

काम किया जब Cufon शैली लागू:

Cufon.replace('button', {color: '-linear-gradient(#999, 0.45=#666, 0.45=#555, #999)'}); 

धन्यवाद बहुत बहुत :)

Answer 2

एकमात्र समाधान मैं Cufon उपयोग करने के लिए मिला <input type="submit"/> बटन पर जावास्क्रिप्ट (व्यक्तिगत रूप से jQuery) का उपयोग करना था।

1. इनपुट बटन के टेक्स्ट ("मान" विशेषता) को एक अवधि में कॉपी करें।
2. अवधि Cufon.replace का उपयोग कर बदलें()
3. इनपुट बटन के पाठ को निकालें
4. स्थिति अवधि बटन पर
5. बटन

के काल से क्लिक() घटना प्रचार किया हुआ !

Answer 3

मेरा मानना ​​है कि <input type="submit" /> के साथ Cufon काम करने का कोई तरीका नहीं है। मुख्य कारण किया जा रहा है कैनवास डालने के लिए कोई जगह नहीं है कि वहाँ ...

हालांकि आप बस अधिक शब्दार्थ फिट <button> करने के लिए स्विच कर सकता है, कि जरूरत बंद </button> और इस तरह कैनवास के लिए जगह बनाता है।

हालांकि बहुत महत्वपूर्ण है, सुनिश्चित करें कि आप इसके साथ भी प्रकार निर्दिष्ट करते हैं, क्योंकि आईई 7 और नीचे यदि आप नहीं करते हैं तो फॉर्म सबमिट नहीं करेंगे। ऐसा लगता है कि इस प्रकार को निर्दिष्ट करने से सभी ब्राउज़रों में समान व्यवहार होता है।

उपर्युक्त मदद की है तो मुझे बताएं! चीयर्स

Answer 4

$('.input-button').each(function(){ 
    $(this).hide().after('<span class="input-button">').next('span.input-button').text($(this).val()).click(function(){ 
     $(this).prev('input.input-button').click(); 
    }); 
}); 

मैं एक अवधि है, जो मुझे cufon उपयोग करने के लिए अनुमति देता है में मेरी जानकारी के मान की प्रतिलिपि करने के लिए ऊपर दिए गए कोड का इस्तेमाल किया। यह बहुत अच्छा काम करता है और अभी भी जावास्क्रिप्ट अक्षम के साथ 'सबमिट' इनपुट पर वापस आ जाता है।