दोस्तों इस 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 ले सकते है।
Alert Dialog Box
Confirm Dialog Box
Prompt Dialog Box
आइये अब हम एक सिंपल उदाहरण देखते है −
<!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>
Note − Dialog tag Edge/Internet एक्सप्लोरर का समर्थन नहीं करता।
Jan | Feb | March |
---|---|---|
30 | 25 | 20 |