जावास्क्रिप्ट


17

में हाँ/कोई प्रश्न पूछने के लिए कोड मुझे केवल confirm() फ़ंक्शन मिल सकता है जो ठीक/रद्द बटन देता है। हाँ/नहीं बटन देने का कोई तरीका है?

6

जावास्क्रिप्ट 3 मोडल बॉक्स प्रदान करता है। संकेत, पुष्टि करें और चेतावनी दें। उनमें से कोई भी आपके अनुरोध को पूरा नहीं करता है।

जेएस मोडल पॉपअप समाधानों की एक बड़ी संख्या है। यहां एक उदाहरण दिया गया है।


2

सं

इसके बजाय आप ब्राउज़र मोडल पॉपअप में एक इस्तेमाल कर सकते हैं।


1

नहीं है, लेकिन वहाँ JavaScript लाइब्रेरी है कि आप के लिए ऐसा कर सकते हैं कर रहे हैं। उदाहरण के तौर पर, Ext JS का उपयोग message box dialog बनाने के लिए किया जा सकता है।


2

उपर्युक्त सभी की तरह कहते हैं, आप confirm() का उपयोग करके ठीक/रद्द कर रहे हैं।

मैं इस jQuery प्लगइन की सिफारिश करना चाहता हूं हालांकि: jqModal। मैंने इसे 3 हालिया परियोजनाओं पर उपयोग किया है और यह प्रत्येक के लिए बहुत अच्छा काम करता है। विशेष रूप से इस उदाहरण को देखें:

6)। मज़ा! ओवरराइड - ए। देखें (चेतावनी), बी। देखें (पुष्टि करें) अब के लिए वास्तविक समय का उपयोग jqModal - मानक चेतावनी() और ओवरराइडिंग संवादों को ओवरराइड करने के लिए वास्तविक दुनिया का उपयोग दिखाएं! ध्यान दें; जावास्क्रिप्ट की एकल थ्रेडेड प्रकृति के कारण, पुष्टिकरण() फ़ंक्शन को कॉलबैक पास किया जाना चाहिए - यह सत्य/गलत नहीं लौटाता है।


0

मैं इस तरह की चीज़ के लिए jQuery UI Dialog का प्रशंसक हूं। यहां एक नमूना है ...

<script> 
    $(function() { 
    $("#dialog-confirm").dialog({ 
     resizable: false, 
     height:140, 
     modal: true, 
     buttons: { 
     "Yes": function() { 
      $(this).dialog("close"); 
      alert("You chose Yes!"); 
     }, 
     "No": function() { 
      $(this).dialog("close"); 
      alert("You chose No!"); 
     } 
     } 
    }); 
    }); 
    </script> 

<div id="dialog-confirm" title="Are you sure you want to continue?"> 
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p> 
</div> 

0

उपयोग संवाद बॉक्स हाँ प्रदर्शित करने या कोई

  <div id="dialog_box" class="mnk-modal-bg" style="display:none"> 
       <div id="dbg" class="mnk-modal-box"> 
       <i class="uk-icon-exclamation-triangle" style="color:#757575; padding-right:5px;"> 
       </i>Confirm? 
       <div class="uk-text-center" style="margin-top:10px;"> 
        <button class="md-btn md-btn-small md-btn-primary" id="ok_btn"> 
         <i class="uk-icon-save" style="padding-right:3px;"></i>OK 
        </button> 
        <button class="md-btn md-btn-small md-btn-danger" id="close_btn"> 
         <i class="uk-icon-remove" style="padding-right:3px;"></i>Cancel 
        </button> 
       </div> 
      </div> 

<script> 
    $("#ok_btn").click(function(){ 
     alert("OK"); 
     $("#dialog_box").hide(); 
    }); 
    $("#close_btn").click(function(){ 
     alert("CANCEL"); 
     $("#dialog_box").hide(); 
    }); 
</script> 

1

मैं https://sweetalert.js.org/guides/ sweetalert का प्रयोग करेंगे इस

swal("Are you sure you want to do this?", { 
 
    buttons: ["yes", "no"], 
 
});
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
की तरह कुछ प्राप्त करने के लिए करने के लिए