इस उत्तरदायी विकल्प के साथ जावास्क्रिप्ट अलर्ट बॉक्स बदलें

जावास्क्रिप्ट अलर्ट पॉप-अप बहुत ज्यादा हर किसी से घृणा कर रहे हैं। वे आपका ध्यान आकर्षित करते हैं और ब्राउज़र से आगे निकल जाते हैं, इसलिए आपको पृष्ठ के साथ सहभागिता करने से पहले उन्हें बंद करने की आवश्यकता होती है.

आधुनिक युग में, हम कर सकते हैं जावास्क्रिप्ट अलर्ट बॉक्स से बेहतर करें. SweetAlert2 शायद सबसे अच्छा समाधान है.

यह है जावास्क्रिप्ट-संचालित पॉप-अप स्क्रिप्ट इसे बनाया गया है पूरी तरह से उत्तरदायी तथा समर्थन पहुंच सभी उपयोगकर्ताओ के लिए.

स्वाभाविक रूप से, यह भी खुला है और GitHub पर स्वतंत्र रूप से उपलब्ध है यदि आप कोड में खुदाई करना चाहते हैं.

लेकिन, असली खजाना मुख्य SweetAlert वेब पेज पर डेमो है। यह प्रत्यक्ष तुलना प्रदान करता है मूल जावास्क्रिप्ट अलर्ट बॉक्स और SweetAlert2 संदेश के बीच.

क्या अजीब बात है कोड स्निपेट्स एक अंतर से ज्यादा नहीं लगते हैं। आप ऐसा कर सकते हैं कोड की एक पंक्ति के साथ SweetAlert2 चलाएं एक सामान्य जावास्क्रिप्ट अलर्ट की तरह, हालांकि वह लाइन तुलना से अधिक लंबी हो सकती है.

SweetAlert के साथ, आप अधिक नियंत्रण है पॉपअप बॉक्स स्टाइल, एनिमेशन, बटन कलर्स और टेक्स्ट स्टाइल। तुम भी चित्र या वीडियो एम्बेड करें अलर्ट बॉक्स में.

हालाँकि, सबसे अच्छी विशेषता यह है कि SweetAlert2 नहीं करता पूरे ब्राउज़र को ओवरटेक करें. यदि आप एक SweetAlert2 पॉप-अप चलाते हैं केवल उस एक टैब पर प्रदर्शित करें, भले ही उपयोगकर्ता किसी अन्य साइट को ब्राउज़ कर रहा हो, भले ही वह आपके टैब पर केवल इसलिए निर्देशित न हो कि अलर्ट पॉप अप हुआ है.

यह अंततः उपयोगकर्ता की व्यस्तता बढ़ाता है क्योंकि लोग छायादार UX प्रथाओं के कारण दूर नहीं जाते हैं.

आप ऐसा कर सकते हैं स्वतः-बंद टाइमर सेट करें, बटन की पुष्टि करें / अस्वीकार करें, और भी एनीमेशन को अनुकूलित करें Animate.css जैसे तृतीय-पक्ष पुस्तकालयों का उपयोग करना.

यदि कोई स्क्रिप्ट है जिसका उपयोग आपको विशिष्ट जावास्क्रिप्ट अलर्ट के बदले में करना चाहिए तो यह SweetAlert2 होगा। यह बात है बिलकुल मुफ्त, खुला स्त्रोत, तथा कस्टम विकल्पों का एक गुच्छा प्रदान करता है वह हर वेब डेवलपर को कान से कान में पीस रहा होगा.

अधिक जानने के लिए मुख्य वेबसाइट देखें और कुछ जीवंत उदाहरण देखें. यदि आप फ़ाइलों को देखना चाहते हैं और रिलीज़ लॉग देखना चाहते हैं तो आप GitHub रेपो भी ब्राउज़ कर सकते हैं.