2011-09-15 13 views
13

से इनपुट रजिस्टर मैं एक rotating cube form मैंने बनाया के बारे में asked some usability experts। उन्होंने सही ढंग से बताया कि जब टेक्स्ट बॉक्स के साथ घन का चेहरा दिखाई नहीं देता है, तो वे किसी भी इनपुट को पंजीकृत नहीं करते हैं।अदृश्य रूप

इसका मतलब है कि जब घन चारों ओर spins और उपयोगकर्ता अभी भी लिख रहा है, यह केवल पंजीकृत करता है कि क्या उपयोगकर्ता में टाइप, जबकि यह अभी भी दिखाई दे रहा था। यह स्पष्ट रूप से कुछ है जिसे मुझे ठीक करने की आवश्यकता है।

एक घन का चेहरा सीएसएस नियम display: none के साथ गतिशील रूप से छिपा हुआ है, और फिर display: block के साथ फिर से दिखाया गया है।

यह एक पाठ बॉक्स रजिस्टर इनपुट जब यह एक div है कि display: none अंदर है बनाने के लिए संभव है? क्या मुझे इसे किसी अन्य तरीके से छिपाने की ज़रूरत है ताकि वह इनपुट पंजीकृत कर सके?

उत्तर

7

आप position: absolute; left: -2000px की तरह कुछ का उपयोग ऑफ स्क्रीन लेकिन फिर भी इनपुट स्वीकार करने में सक्षम इसे छिपाने के लिए कर सकता है। यह तत्व का अतिरिक्त लाभ यह अभी भी जा रहा है "वहाँ" है - "। यह चला गया" किसी इसे में टैब, स्क्रीन रीडर्स अभी भी बता सकते हैं कर सकते हैं यह, वहाँ के बजाय

+0

लगता है एक सा hacky (मुझे यह पसंद है), लेकिन यह काम करना चाहिए!। –

+1

आप कितनी बार एक तत्व ऑफ स्क्रीन के बजाय 'प्रदर्शन स्थिति है हैरानी होगी: none'd। यह वास्तव में इस तरह के कुछ के लिए अभ्यास में एक बेहतर समाधान है, भले ही यह थोड़ा गधा पीछे लगता है। – Joe

+0

यह काम करता है, धन्यवाद! –

8

opacity: 0.1; अपने दोस्त है;)

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