पूर्ण ब्राउज़र विंडो को कैसे भूरे रंग में डालें और केंद्र में एक फॉर्म प्रदर्शित करें?

Question

क्या आप उन वेबसाइटों पर आ गए हैं जो पूर्ण ब्राउज़र विंडो को भूरे रंग में डालते हैं और आपको एक अधिसूचना दिखाते हैं या आपको एक सर्वेक्षण भरने के लिए कहते हैं .. आदि? यह माइस्पेस के साथ होता था, अगर आप ईमेल या पासवर्ड में गलत टाइप करते हैं तो पूर्ण ब्राउजर विंडो ग्रे हो जाएगी (हालांकि यह पारदर्शी है, फिर भी आप इसके माध्यम से पेज की सामग्री देख सकते हैं) और लॉगिन नियंत्रण केंद्र के केंद्र में प्रदर्शित होगा उनके ऊपर एक त्रुटि संदेश वाली ब्राउज़र विंडो आपको बताती है कि आपने ईमेल या पासवर्ड को गलत टाइप किया है। दुर्भाग्यवश उन्होंने इसे माइस्पेस से हटा दिया, मैं एक वेबसाइट के लिए एक ही कोड चाहता हूं जिस पर मैं काम कर रहा हूं और पहिया को फिर से शुरू करने से बचने की कोशिश कर रहा था, क्या आप पूरी चीज को फिर से लिखने के बजाय इस कोड को खोजने के लिए किसी भी स्रोत के बारे में जानते हैं? मुझे लगता है कि यह ज्यादातर सीएसएस है, जावास्क्रिप्ट का उपयोग केवल दिखाने/छिपाने के लिए किया जाता है, क्या मैं सही हूँ?

Answer 1

यदि आप जावास्क्रिप्ट ढांचे का उपयोग करने की सोच रहे हैं, jQuery में Block UI plugin है। उपयोग करने और कॉन्फ़िगर करने के लिए बहुत आसान है।

Demos here

Answer 2

आप prototype.js पसंद करते हैं, वहाँ प्रोटोटाइप विंडो क्लास, कर आप क्या चाहते हैं, alert dialog sample देखते हैं।

Answer 3

आप भी इस के लिए केवल CSS और Javascript का उपयोग कर सकते हैं: Create a Modal Dialog Using CSS and Javascript और submodal

Answer 4

ये कहा जाता है 'मोडल' खिड़कियां। पहिया को पुनर्निर्मित करने से बचने के लिए, JQuery जैसे मौजूदा पुस्तकालयों का उपयोग करें। गुगलिंग 'jquery modal window' बहुत सारे परिणाम लाता है जो बिल्कुल वही दिखते हैं जो आप चाहते हैं। आप इनमें से किसी एक को चुन सकते हैं यदि यह वही करता है जो आप चाहते हैं, या deconstruct के लिए एक अच्छा स्रोत के साथ एक पाते हैं।

Answer 5

यदि आप एएसपीनेट में काम कर रहे हैं और इसके लिए एक त्वरित और आसान टूल चाहते हैं तो AJAX टूलकिट प्राप्त करें। फिर मोडल पॉपअप नियंत्रण का उपयोग करें। Here is the example on the AJAX PAGE