कई आधुनिक साइटों पर मूल नियंत्रण होते हैं। इन तत्वों में से एक पॉप-अप विंडो है जिसमें आप विभिन्न उपयोगी जानकारी, विज्ञापन, नियंत्रण, चुनाव और बहुत कुछ रख सकते हैं। ऐसा पॉपअप बनाना काफी आसान है - jQuery लाइब्रेरी का उपयोग करें।
अनुदेश
चरण 1
अपने पेज कोड में टैग डालें जो jQuery लाइब्रेरी को जोड़ते हैं। ये टैग काफी मानक दिखते हैं:
स्क्रिप्ट स्रोत = "jQuery.js" / स्क्रिप्ट /
स्क्रिप्ट स्रोत = "इंटरफ़ेस.जेएस" / स्क्रिप्ट
चरण दो
पॉपअप को स्टाइल करने के लिए स्टाइलशीट में css कोड जोड़ें। स्थिति, ऊंचाई, अतिप्रवाह, पृष्ठभूमि-छवि, पृष्ठभूमि-स्थिति, पृष्ठभूमि-दोहराव, अतिप्रवाह, कर्सर और अन्य जैसे पैरामीटर निर्दिष्ट करें जिनकी आपको स्टाइल के लिए आवश्यकता हो सकती है। ये पैरामीटर हेड टैग में भी सेट किए जा सकते हैं, यदि आपके पास अपने मानक कार्य में शैलियों के लिए एक विशेष फ़ाइल आवंटित करने का सिद्धांत नहीं है। आप अलग-अलग टैग का उपयोग करके अन्य तरीकों से कोड लिख सकते हैं। फ्लोटिंग विंडो लिखने के कई तरीके हैं।
चरण 3
पॉपअप के लिंक के लिए कोड को पृष्ठ के मुख्य भाग में चिपकाएँ, और पॉपअप खोलने के लिए स्वयं स्क्रिप्ट का वर्णन करें। मानक कमांड शो (), ट्रांसफर टू (), बाइंड () और अन्य का उपयोग करके विंडो को कॉल करने के लिए एक फ़ंक्शन का वर्णन करें। प्रत्येक फ़ंक्शन के आगे अपने लिए एक छोटा विवरण लिखने का प्रयास करें, ताकि कोड में भ्रमित न हों, क्योंकि आप पूरे सिस्टम के संचालन को पूरी तरह से बाधित कर सकते हैं।
चरण 4
त्रुटियों के लिए कोड की जाँच करें और अपने कार्य का परिणाम देखने के लिए ब्राउज़र में पृष्ठ खोलें। एक पॉप-अप विंडो दिखाई देने के लिए, आपको बनाए गए लिंक पर क्लिक करना होगा। भविष्य में, आप एक पॉप-अप विंडो के स्वत: प्रकटन के लिए प्रदान कर सकते हैं। पॉपअप में विभिन्न विशेषताएं भी होनी चाहिए, जैसे कि ड्रैग एंड ड्रॉप, मिनिमम, स्ट्रेच और निश्चित रूप से बंद करने की क्षमता। इन सभी विशेषताओं को पॉपअप स्क्रिप्ट में वर्णित करने की आवश्यकता है। फ्लोटिंग विंडो बनाना मुश्किल नहीं है, मुख्य बात प्रोग्रामिंग की मूल बातें जानना है, क्योंकि कोड को सही ढंग से लिखने के लिए आपको विशेष ज्ञान की आवश्यकता होती है।
