Loading...

JavaScript in Hindi – Dialogs

  • Introduction to JavaScript dialogs in Hindi 
  • JavaScript alert dialog in Hindi 
  • JavaScript confirm & prompt dialogs in Hindi

Introduction to JavaScript Dialogs

Dialog boxes एक छोटी दूसरी window होती है जो current window के अंदर ही JavaScript द्वारा generate होती है। इन्हें popup boxes भी कहते है। Dialog boxes के द्वारा 3 तरह के काम किये जा सकते है।

  • आप कोई भी alert show कर सकते है।
  • User से कोई भी task perform करने से पहले confirm कर सकते है।
  • Input की requirement होने पर यूज़र से input ले सकते है।

JavaScript में dialog boxes उनके काम के according 3 तरह के होते है।

Alert Dialog Box

Alert box यूज़र को कोई important message show करने के लिए यूज़ किया जाता है। जब आप चाहते है की यूज़र आपके message को जरूर पढे ऐसी situation में आप alert box यूज़ कर सकते है।

ये box current window से focus हटा देता है और only message शो होता है। साथ ही alert box में एक ok का button भी होता है जिस पर click करने से alert box हट जाता है। JavaScript में alert dialog generate करने के लिए आप alert function call करते है। इस function में आप जो message शो करना चाहते है उसे argument की तरह लिखते है।

Example1: Displaying Alert

<html>

<head>
<title>Alert box demo</title>
</head>

<body>

<script type="text/javascript">
// Creating alert

alert("This is an alert box"); 
</script> 
 
</body>
</html>

Output

javascript-alert-dialog-example-output

Confirm Dialog Box

Confirm dialog box यूज़र से किसी task के बारे में confirmation लेने के लिए यूज़ किया जाता है। ये एक छोटी सी window होती है जिसमे yes और no buttons होते है। जिसमें yes button यूज़र की सहमती दर्शाता है और no button show करता है की यूज़र proceed करना नहीं चाहता है।

JavaScript में confirm dialog box generate करने के लिए आप confirm method को call करते है। इस method में आप एक message argument की तरह pass करते है जो यूज़र से confirmation मांगता है। जैसे की आप यूज़र से पूछते है की आप ये book खरीदना चाहते है?

Example2: Confirm user action

<html>

<head>
<title>Confirm dialog demo</title>
</head>

<body>
 
<script type="text/javascript">
// Setting confirm box 
if(confirm("Do you want to buy this book?")) 
{
// Print message when if user clicks OK 
    document.write("User wants to buy the book"); 
} 
</script> 
 
</body>
</html>

उपर दिये गए उदाहरण में यदि user confirm box में yes select करता है तो if statement में दिया गया message webpage पर print हो जाता है।

OUTPUT

javascript-confirm-dialog-example-output

यदि user OK पर  click करता है तो message show होता है नहीं तो कुछ भी show नहीं होता है।

Prompt Dialog Box

यदि आप user से कोई input लेना चाहते है तो आप prompt dialog box यूज़ कर सकते है। Prompt dialog box में एक text-box होता है और एक ok button होता है।

Textbox में user value input करता है। Prompt box create करने के लिए आप prompt() method को call करते है। इस method में 2 parameters pass किये जाते है। पहला parameter वो label होता है जो text-box में क्या value डालनी है ये show करता है। दूसरे parameter में text-box की default value pass की जाती है।

Example3: Taking user input

<html>

<head>
<title>prompt box demo</title>
</head>

<body>

<script type="text/javascript">
// Creating a prompt dialog
var age = prompt("Enter your age", 18); 
document.write("Age is :",age); 
</script> 
 
</body>
</html>

Output

javascript-prompt-dialog-example-output

User जो value input के रूप में देगा OK पर click करने पर उसे appropriate message के साथ print किया जायेगा।

Previous: JavaScript Location Object
Next: JavaScript Cookies