2009-10-04 11 views
5
<div style="display:none;"> 
    <div id="wmd-editor" class="wmd-panel"> 
     <div id="wmd-button-bar"></div> 
     <textarea id="wmd-input"></textarea> 
    </div> 
    <div id="wmd-preview" class="wmd-panel"></div> 
    <div id="wmd-output" class="wmd-panel"></div> 
</div> 

देखें, मैं एक छिपे हुए div के अंदर सामान को छोड़कर, derobins-wmd के wmd-test.html का पालन कर रहा हूं।शुरुआत में wmd संपादक को कैसे छिपाना है?

uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMNSHTMLTextAreaElement.selectionStart]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: http://localhost/derobins-wmd-980f687/wmd.js :: anonymous :: line 490" data: no] 
uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMNSHTMLTextAreaElement.selectionStart]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: http://localhost/derobins-wmd-980f687/wmd.js :: anonymous :: line 490" data: no] 

उत्तर

3

यदि प्लगइन ऊंचाई/चौड़ाई वाले तत्वों को पसंद नहीं करता है तो आप ऑफ-बाएं तकनीक का उपयोग कर सकते हैं।

<div style="position: absolute; left: -1000px; width: 100px"> 
+0

यह एक महान हैक है! – Misier

8

इसके अंदर पाठ क्षेत्र के साथ पूरे फलक को छिपाने के अलावा, आप पाठ क्षेत्र में ही display:none है और समस्याओं तो गायब हो जाएगा कि यह सुनिश्चित करने की जरूरत है। अन्यथा wmd यह पता नहीं लगाएगा कि textarea प्रदर्शित नहीं हो रहा है और उस पर गणना करने का प्रयास करेगा और आपको अपवाद मिलेगा जैसा आपने कहा था।

बस स्क्रीन से तत्वों को डालना संभव नहीं है या कम से कम कुछ लेआउट के साथ बहुत परेशानी है। इसके अलावा, स्क्रीनreaders अभी भी उन तत्वों का पता लगाएंगे और अभिगम्यता का सामना करना पड़ेगा।

मुझे लगता है कि आपने अब तक इस मुद्दे को हल किया है, लेकिन मुझे आशा है कि इससे किसी की मदद मिलेगी।

+0

धन्यवाद, मुझे यह वही समस्या थी, इसे गुमराह किया और पाया। टेक्स्ट डिस्प्ले के साथ-साथ रैपर div में 'डिस्प्ले: कोई नहीं' जोड़ना। –

+0

यह ध्यान देने योग्य है कि यदि आप jquery टैब का उपयोग कर रहे हैं (इस तरह हमने इस समस्या को कैसे खोजा है) तो आप केवल सीएसएस '.ui-tabs-hide textarea {display: none; } 'और इसका एक समान प्रभाव होगा। –

संबंधित मुद्दे