2009-12-17 20 views
5

मुझे स्थिति में अक्सर खुद को लगता है कि मैं एक वेब पेज में एक तत्व खोलता हूं - उदा। एक ड्रॉप-डाउन मेनू - यदि मैं पृष्ठ पर कहीं भी पर क्लिक करता हूं तो तत्व को बंद करने के लिए मैं को बंद करना चाहता हूं।प्रोटोटाइप "बंद करने के लिए कहीं भी क्लिक करें" के लिए सबसे अच्छा अभ्यास?

चीजों को सरल रखने के लिए, मैंने ज्यादातर ड्रॉप-डाउन मेनू वर्ग को नियोजित करने के बजाय स्वयं कोड लिखा है।

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

क्या ऐसा करने के लिए प्रोटोटाइप आधारित, आधिकारिक, सर्वोत्तम अभ्यास है? कुछ ऐसा जो ब्राउज़र पर काम करता है - आईई 6 प्लस है लेकिन आवश्यकता नहीं है?

बस इस: एक बटन पर

  • क्लिक करें - एक तत्व को खोलता है (जैसे एक बिल्कुल तैनात ड्रॉप-डाउन मेनू)।
  • तत्व के भीतर क्लिक करें - तत्व खुला रहता है।
  • elemen टी खोले बटन पर क्लिक करें - तत्व खुला रहता है।
  • पृष्ठ पर कहीं और क्लिक करें - तत्व बंद हो जाता है।

मुझे केवल ईवेंट हैंडलिंग भाग के साथ मदद की ज़रूरत है, मेनू का प्रदर्शन पूरी तरह से माध्यमिक है।

+0

क्या आपके पास अन्य साइटों पर अभ्यास में आपकी आवश्यकताओं के कोई उदाहरण हैं? – Skilldrick

+0

ठीक है, संक्षेप में जो मैं खोज रहा हूं वह सामान्य '