JavaScript - Dialog's in Hindi




दोस्तों इस chapter में हम JavaScript dialog's के बारे में जानेंगे तो चलिए शुरू करते है. JavaScript में <dialog> tag एक conversation बॉक्स या window को परिभाषित करता है। Dialog element वेब पेज पर popup dialogs और modals को बनाने में आपकी help करते है।

Dialog box एक छोटी सी window होती है जो आपकी वर्तमान window के अंदर ही generate होती है. इन्हें आप popup boxes भी कह सकते हों। इनके द्वारा तीन तरह के work किये जा सकते है. इनके बारे में नीचे दिया जा रहा है।

  • आप कोई भी अलर्ट show कर सकते है।

  • जब user आपको कोई भी task देता है आप उसको perform करने से पहले confirm भी कर सकते है।

  • और जब आपको Input की आवश्यकता होती है तब आप यूज़र से input ले सकते है।

Types of Dialog Box

  • Alert Dialog Box

  • Confirm Dialog Box

  • Prompt Dialog Box

आइये अब हम एक सिंपल उदाहरण देखते है −

Example

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
}
</style>
</head>
<body>
<p><b>Note</b> − Dialog  tag Edge/Internet  एक्सप्लोरर का समर्थन नहीं करता।</p>
<table>
  <tr>
    <th>Jan<dialog open>Hello this is an open dialog window</dialog></th>
    <th>Feb</th>
    <th>March</th>
  </tr>
  <tr>
    <td>30</td>
    <td>25</td>
    <td>20</td>
  </tr>
</table>
</body>
</html>

Result

Note − Dialog tag Edge/Internet एक्सप्लोरर का समर्थन नहीं करता।

JanHello this is an open dialog window Feb March
30 25 20