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

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


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

यह डायलॉग बॉक्स प्रॉम्प्ट() नामक एक विधि का उपयोग करके प्रदर्शित किया जाता है जिसमें दो पैरामीटर होते हैं:(i) एक लेबल जिसे आप टेक्स्ट बॉक्स में प्रदर्शित करना चाहते हैं और (ii) टेक्स्ट में प्रदर्शित करने के लिए एक डिफ़ॉल्ट स्ट्रिंग बॉक्स।

इस डायलॉग बॉक्स में दो बटन हैं:OK और Cancel। यदि उपयोगकर्ता ओके बटन पर क्लिक करता है, तो विंडो मेथड प्रॉम्प्ट () टेक्स्ट बॉक्स से दर्ज किया गया मान वापस कर देगा। यदि उपयोगकर्ता रद्द करें बटन पर क्लिक करता है, तो विंडो विधि प्रॉम्प्ट () शून्य हो जाता है।

उदाहरण

जावास्क्रिप्ट का उपयोग करके शीघ्र संवाद बॉक्स को कार्यान्वित करने के तरीके को अर्जित करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं:

लाइव डेमो

<html>
   <head>
      <script>
         <!--
            function getValue(){
               var retVal = prompt("Enter your name : ", "your name here");
               document.write("You have entered : " + retVal);
            }
         //-->
      </script>
   </head>
   <body>
      <p>Click the following button to see the result: </p>
      <form>
         <input type="button" value="Click Me" onclick="getValue();" />
      </form>
   </body>
</html>

  1. जावास्क्रिप्ट का उपयोग करके पेज कैसे प्रिंट करें?

    JavaScript में किसी पेज को प्रिंट करने के लिए, प्रिंट () पद्धति का उपयोग करें। यह मानक संवाद बॉक्स खोलता है, जिसके माध्यम से आप आसानी से मुद्रण विकल्प सेट कर सकते हैं जैसे मुद्रण के लिए कौन सा प्रिंटर चुनना है। यहां एक उदाहरण दिया गया है - उदाहरण किसी पृष्ठ को प्रिंट करने का तरीका जानने के लिए आप

  1. जावास्क्रिप्ट प्रॉम्प्ट उदाहरण

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

  1. टिंकर का उपयोग करके एक त्वरित संवाद बॉक्स बनाना?

    डायलॉग बॉक्स उपयोगकर्ताओं को कुछ संचालन करने के लिए सूचित करने के लिए आसान हैं। हम डायलॉग बॉक्स से पहले से ही परिचित हैं और उनसे कई बार बातचीत की है। एक विशेष टिंकर एप्लिकेशन में, हम किसी भी प्रकार के संवाद बॉक्स बना सकते हैं, जैसे संदेश, उपयोगकर्ता इंटरैक्शन संवाद, एकल मान प्रविष्टि संवाद, फ़ाइल चय