Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

मैं स्क्रीन के बीच में जावास्क्रिप्ट अलर्ट बॉक्स कैसे दिखा सकता हूं?


बीच में JavaScript अलर्ट बॉक्स दिखाने के लिए, आपको कस्टम अलर्ट बॉक्स का उपयोग करना होगा। उसके तहत, इसे उसी के अनुसार स्टाइल करें और इसे बीच में रखें। इसे प्राप्त करने के लिए "शीर्ष" और "बाएं" सीएसएस गुणों का उपयोग करें। उन्हें 50% के रूप में सेट करें, लेकिन जैसा कि आप नीचे एक बटन देख सकते हैं, इसे बटन के साथ संरेखित करने के लिए 40% तक संपत्ति का उपयोग करें:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         function functionAlert(msg, myYes) {
            var confirmBox = $("#confirm");
            confirmBox.find(".message").text(msg);
            confirmBox.find(".yes").unbind().click(function() {
               confirmBox.hide();
            });
            confirmBox.find(".yes").click(myYes);
            confirmBox.show();
         }
      </script>
      <style>
         #confirm {
            display: none;
            background-color: #F3F5F6;
            color: #000000;
            border: 1px solid #aaa;
            position: fixed;
            width: 300px;
            height: 100px;
            left: 40%;
            top: 40%;
            box-sizing: border-box;
            text-align: center;
         }
         #confirm button {
            background-color: #FFFFFF;
            display: inline-block;
            border-radius: 12px;
            border: 4px solid #aaa;
            padding: 5px;
            text-align: center;
            width: 60px;
            cursor: pointer;
         }
         #confirm .message {
            text-align: left;
         }
      </style>
   </head>
   <body>
      <div id="confirm">
         <div class="message">This is a warning message.</div><br>
         <button class="yes">OK</button>
      </div>
      <input type="button" value="Click Me" onclick="functionAlert();" />
   </body>
</html>

  1. जावास्क्रिप्ट के साथ अलर्ट बॉक्स कैसे बनाएं

    अलर्ट बॉक्स क्या है? अलर्ट बॉक्स एक छोटी सी खिड़की है जो किसी प्रकार के उपयोगकर्ता इंटरैक्शन (क्लिक, स्क्रॉलिंग, टाइपिंग, आदि) की प्रतिक्रिया के रूप में पॉप अप होती है। अलर्ट बॉक्स का उपयोग ज्यादातर उपयोगकर्ताओं को समस्याओं . के बारे में चेतावनी देने के लिए किया जाता है लेकिन उनका उपयोग केवल अंतिम

  1. कैसे जावास्क्रिप्ट का उपयोग कर शीघ्र संवाद बॉक्स दिखाने के लिए?

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

  1. जावास्क्रिप्ट अलर्ट बॉक्स शीर्षक को कैसे संपादित करें?

    सुरक्षा समस्याओं के कारण JavaScript अलर्ट बॉक्स शीर्षक को संपादित करना संभव नहीं है। फिर भी, सभी वेब ब्राउज़र पर काम करने के लिए अलर्ट बॉक्स को संपादित करने के लिए, कस्टम जावास्क्रिप्ट मॉडल डायलॉग्स या jQuery प्लगइन्स का उपयोग करें। आप अपनी पसंद के शीर्षक के साथ एक कस्टम अलर्ट बॉक्स प्राप्त करने के