Textarea यानी

Question

में वर्टिकल का आकार बदलता है I IE में लंबवत रूप से अपने टेक्स्टरेरा का आकार कैसे बदलूं?

मैंने आकार बदल दिया: लंबवत और यह फ़ायरफ़ॉक्स में अच्छी तरह से काम करता है लेकिन आईई में यह काम नहीं करता है। तो इसके लिए क्या विकल्प है?

इसके अलावा, अगर मैं पृष्ठ मुद्रित करना चाहता हूं, तो मुझे बॉक्स में पूरी सामग्री को विस्तारित और मुद्रित करने के लिए टेक्स्टरेरा की आवश्यकता है। इसके लिए मुझे क्या उपयोग करना चाहिए?

संपादित -

मेरे सीएसएस:

@media screen { 
    textarea { 
     resize: vertical; 
     overflow: auto; 
     border: 1px #999999 solid; 
     padding: 6px; 
     background: #ffffff url('../images/field_bg.png') repeat-x bottom; 
     width: 400px; 
     height: 100px; 
    } 
} 
@media print { 
    textarea { 
     border: 1px #999999 solid; 
     padding: 6px; 
     background-color: #ffffff; 
     background-image : none; 
     width: 400px; 
     height: auto; 
     overflow: visible; 
    } 
} 
.field { 
    display: inline; 
    vertical-align: top; 
    width: 25%; 
} 

एचटीएमएल -

<div class="field"> 
<textarea id="xp"> 
some text here 
</textarea> 
</div> 

संपादित -

मैं अभी भी इस के लिए समाधान को समझ नहीं सकता। क्या कोई मदद कर सकता है?

Answer 1

मुझे यकीन नहीं है लेकिन जैसा कि मुझे पता है कि इंटरनेट एक्सप्लोरर इसका समर्थन नहीं करता है। आप इसके लिए जावास्क्रिप्ट का उपयोग कर सकते हैं। यहां इस टेक्स्टरेरा के समान एक jQuery प्लगइन है जो मैं टाइप कर रहा हूं:

Answer 2

सीएसएस आकार बदलने वाली संपत्ति आईई द्वारा समर्थित नहीं है (अभी तक)। आप इस jquery ui प्लगइन को आजमा सकते हैं: http://jqueryui.com/demos/resizable/। प्रदर्शन करने के लिए यहां एक fiddle है।

आईई में मुद्रण के संबंध में आपके दूसरे प्रश्न के लिए। मीडिया = "प्रिंट" ब्लॉक निम्न CSS जोड़ने का प्रयास करें:

textarea { 
    overflow: visible; 
}