2010-11-03 11 views
20

मेरे पास दो div टैग हैं, एक खोज के लिए है और दूसरा परिणाम के लिए है। मुझे जो चाहिए वह सबमिट करने के लिए है जब सबमिट बटन पर क्लिक किया जाता है, परिणाम वापस लौटाए जाते हैं और परिणाम div (iframe के साथ) में रखा जाता है और खोज div छुपा होना चाहिए और परिणाम div को दिखाई देना चाहिए।एक div दृश्यमान और एक अन्य अदृश्य बनाएं

खोज div प्रारंभ में दिखाई देने के लिए सेट किया गया है (दृश्यमान दृश्यता का उपयोग करके) और परिणाम div प्रारंभ में छिपा हुआ है (छिपी हुई दृश्यता का उपयोग करके)।

इसके अलावा, शुरुआत में उस पृष्ठ के निचले हिस्से में एक विशाल सफेद स्थान है जहां छुपा div है, तो मैं कैसे सुनिश्चित कर सकता हूं कि नीचे भी कोई अतिरिक्त सफेद जगह नहीं है।

उत्तर

18

इसे दृश्यता के साथ अदृश्य बनाना अभी भी इसे अंतरिक्ष का उपयोग करता है। इसके बजाय इसे अदृश्य बनाने के लिए डिस्प्ले को सेट करने का प्रयास करें, और फिर इसे दृश्यमान बनाने के लिए डिस्प्ले को ब्लॉक पर सेट करें।

+0

पूरी तरह से काम करता है !!! धन्यवाद मेरे अन्य मेरे – mattgcon

+1

मुझे सही अगर मैं गलत हूँ, लेकिन एक iFrame के साथ आप इसे दृश्यमान बनाने और प्रदर्शित वरना कुछ ब्राउज़रों सुरक्षा कारणों के लिए सामग्री लोड नहीं होगा चाहिए। हालांकि, आप इसे 1x1px और अस्पष्टता 0.01% बना सकते हैं। मैं क्रॉस-साइट अपलोड विजेट के साथ एक बार पहले इस समस्या में भाग गया था। – CoolAJ86

+0

@ CoolAJ86: सुनिश्चित नहीं है। मैं एक Iframe .... कभी –

8

मुझे नहीं लगता कि आप वास्तव में एक आईफ्रेम चाहते हैं, है ना?

जब तक आप कुछ अजीब नहीं कर रहे हैं, तो आपको अपने परिणाम जेएसओएन या (सबसे खराब मामले में) एक्सएमएल के रूप में वापस लेना चाहिए, है ना?

अपने सफेद बॉक्स/अतिरिक्त जगह समस्या के लिए,

style="display: none;" 

बजाय

style="visibility: hidden;" 
+0

हाँ वास्तव में मैं क्या उपयोग नहीं किया है, मैं अच्छी तरह से एक चाहते हैं, लेकिन यह ग्राहक – mattgcon

26

आप शैली का प्रदर्शन संपत्ति का उपयोग कर सकते की कोशिश करते हैं। Intialy परिणाम अनुभाग शैली

style = "display:none" 

तब div दिखाई नहीं देगा और कोई सफेद स्थान नहीं होगा।

एक बार खोज परिणाम

document.getElementById("someObj").style.display = "block" 

जावा स्क्रिप्ट का उपयोग करते हुए की तरह प्रदर्शन को बदलने संपत्ति जावा स्क्रिप्ट का उपयोग कर आबादी की जा रही हैं आप div अदृश्य कर सकते

document.getElementById("someObj").style.display = "none" 
+0

द्वारा या jQuery भूमि $ में () की आवश्यकता है .show(); FWIW – rogerdpack

0

यू प्रदर्शन उपयोग करना चाहते हैं = यह सामग्री पाठक कूद कर देगा ब्लॉक, इसलिए बजाय प्रदर्शन का उपयोग कर के आप एक नकारात्मक मूल्य जो अपने HTML पृष्ठ में मौजूद नहीं है प्रदर्शित करने के लिए के लिए छोड़ दिया विशेषता सेट कर सकते हैं, लेकिन वास्तव में ऐसा करते हैं।

मुझे आशा है कि आप मेरी बात समझ जाना चाहिए, अगर मैं बनाने के लिए असमर्थ हूँ यू समझ में यू संदेश मुझे वापस कर सकते हैं।