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

जावास्क्रिप्ट में अलर्ट बॉक्स का रंग कैसे बदलें?


आप अलर्ट बॉक्स का रंग बदलने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं। अलर्ट बॉक्स का रंग बदलने के लिए, निम्न कस्टम अलर्ट बॉक्स का उपयोग करें। हम इसे प्राप्त करने के लिए जावास्क्रिप्ट लाइब्रेरी, jQuery का उपयोग कर रहे हैं और अलर्ट बॉक्स का रंग "नीला" में बदल देंगे -

उदाहरण

<!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: #8416f9;
            color: #FCD116;
            border: 1px solid #aaa;
            position: fixed;
            width: 250px;
            left: 50%;
            margin-left: -100px;
            padding: 6px 8px 8px;
            box-sizing: border-box;
            text-align: center;
         }
         #confirm button {
            background-color: #48E5DA;
            display: inline-block;
            border-radius: 5px;
            border: 1px solid #aaa;
            padding: 5px;
            text-align: center;
            width: 80px;
            cursor: pointer;
         }
         #confirm .message {
            text-align: left;
         }
      </style>
   </head>
   <body>
     <div id="confirm">
         <div class="message">This is a warning message.</div>
         <button class="yes">OK</button>
      </div>
      <input type="button" value="Click Me" onclick="functionAlert();" />
   </body>
</html>

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

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

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

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

  1. एंड्रॉइड में चेक बॉक्स का रंग कैसे बदलें?

    यह उदाहरण दर्शाता है कि मैं एंड्रॉइड में चेक बॉक्स का रंग कैसे बदल सकता हूं। चरण 1 - एंड्रॉइड स्टूडियो में एक नया प्रोजेक्ट बनाएं, फाइल ⇒ न्यू प्रोजेक्ट पर जाएं और एक नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें। चरण 2 - निम्न कोड को res/layout/activity_main.xml में जोड़ें। चरण 3 - निम्न