हिन्दी में वैबसाइट डिजाइनिंग सीखना चाहते हैं तो हमारी साइट code sikho hindi को Subscribe करें

JavaScript - Dialog Boxes Full Details

 JavaScript - Dialog Boxes Full Details

JavaScript - Dialog Boxes Full Details


जावास्क्रिप्ट - डायलॉग बॉक्स पूर्ण विवरण


जावास्क्रिप्ट तीन महत्वपूर्ण प्रकार के डायलॉग बॉक्स का समर्थन करता है। इन डायलॉग बॉक्सों का उपयोग उठाने और सतर्क करने, या किसी इनपुट पर पुष्टि प्राप्त करने या उपयोगकर्ताओं से एक प्रकार का इनपुट प्राप्त करने के लिए किया जा सकता है। यहां हम प्रत्येक डायलॉग बॉक्स पर एक-एक करके चर्चा करेंगे। (JavaScript - Dialog Boxes)


Alert Dialog Box -अलर्ट डायलॉग बॉक्स


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


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


Example -उदाहरण


<html>

   <head>   

      <script type = "text/javascript">

         <!--

            function Warn() {

               alert ("This is a warning message!");

               document.write ("This is a warning message!");

            }

         //-->

      </script>     

   </head>

   

   <body>

      <p>Click the following button to see the result: </p>      

      <form>

         <input type = "button" value = "Click Me" onclick = "Warn();" />

      </form>     

   </body>

</html>


Output

Alert Dialog Box -अलर्ट डायलॉग बॉक्स

View SMS - This is a warning message!

Confirmation Dialog Box -पुष्टिकरण संवाद बॉक्स


किसी भी विकल्प पर उपयोगकर्ता की सहमति लेने के लिए ज्यादातर एक पुष्टिकरण संवाद बॉक्स का उपयोग किया जाता है। यह दो बटनों के साथ एक संवाद बॉक्स प्रदर्शित करता है: ठीक है और रद्द करें। (JavaScript - Dialog Boxes)


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


Example -उदाहरण


<html>

   <head>   

      <script type = "text/javascript">

         <!--

            function getConfirmation() {

               var retVal = confirm("Do you want to continue ?");

               if( retVal == true ) {

                  document.write ("User wants to continue!");

                  return true;

               } else {

                  document.write ("User does not want to continue!");

                  return false;

               }

            }

         //-->

      </script>     

   </head>

   

   <body>

      <p>Click the following button to see the result: </p>      

      <form>

         <input type = "button" value = "Click Me" onclick = "getConfirmation();" />

      </form>      

   </body>

</html>


Output

Confirmation Dialog Box -पुष्टिकरण संवाद बॉक्स

View SMS - User wants to continue!

Prompt Dialog Box -शीघ्र संवाद बॉक्स


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


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


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


Example -उदाहरण


निम्न उदाहरण दिखाता है कि एक त्वरित संवाद बॉक्स का उपयोग कैसे करें -

(JavaScript - Dialog Boxes)

<html>

   <head>     

      <script type = "text/javascript">

         <!--

            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>


Output

Prompt Dialog Box -शीघ्र संवाद बॉक्स

View SMS - You have entered : your name here

JavaScript - Dialog Boxes