2009-11-25 16 views
17

कस्टम विकल्पों के साथ जावास्क्रिप्ट में एक पुष्टिकरण संवाद कैसे लिखें?जावास्क्रिप्ट पुष्टि संवाद में कस्टम विकल्प

बस "ठीक" और "रद्द करें" के बजाय, मैं उदाहरण के लिए "यह" "वह" और "अन्य" होना चाहता हूं।

+0

संभावित डुप्लिकेट [तीन बटन के साथ पुष्टि चेतावनी दिखाने के लिए कैसे 'हाँ' 'नहीं' और 'अभी नहीं' के रूप में यह पता चलता है एमएस वर्ड में] (http://stackoverflow.com/questions/9091001/how-to-show-confirmation-alert-with-three-buttons-yes-no-and-cancel-as-it) –

+0

संभावित डुप्लिकेट के संबंध में - मैं यह इंगित करना चाहता हूं कि यह प्रश्न दो साल पहले लिखा गया था;) –

उत्तर

16

संक्षेप में, आप नहीं कर सकते।

आप इसके बजाय jQuery UI dialog जैसे कुछ उपयोग करने पर विचार करना चाहेंगे।

2

आप नहीं कर सकते। कुछ जावास्क्रिप्ट UI (jQuery UI, YUI, Mootools) लाइब्रेरी का उपयोग करें और आपको आवश्यक संवाद की नकल करें।

2

आपने एक उत्तर प्रयोग करने के लिए उपयोगकर्ता पूछ सकते:

var userChoice = prompt("Question"); 

आप पाश उस वाक्य जब तक उपयोगकर्ता मान्य लोगों के भीतर जवाब में प्रवेश करती है सकता है।

0

सबसे आसान तरीका है bootbox लाइब्रेरी का उपयोग करने के लिए है:

Bootbox javascript library

1
// custom Confirm builder 
function OnConfirm(text, func) { 

    var _confirm = $('<div/>').addClass('confirm'); 
    _confirm.append($('<h2/>').text(text)); 

    _confirm.append('<br/><br/>'); 

    var _btnCancel = $('<input/>').attr('type', 'button').val('cancel') 
     .bind('click', function() { 
      $(this).parent('.confirm').hide(); 
      func(false); 
     }); 

    var _btnApply = $('<input/>').attr('type', 'button').val('OK') 
     .bind('click', function() { 
      $(this).parent('.confirm').hide(); 
      func(true); 
     }); 

    _confirm.append(_btnCancel); 
    _confirm.append(_btnApply); 
    $('body').append(_confirm); 
} 

$(function() { // documen.loaded 
    $('#testLink').click(function (e) { 
     e.preventDefault(); ; 
     var _href = $(this).attr('href'); 
     var _title = $(this).attr('title'); 
     // call custom confirm function with callback function 
     OnConfirm(_title, function (_isContinue) {    
       if (_isContinue) { 
        location.href = _href; 
       } 
      } 
     ); 
    }); 
}); 
की
संबंधित मुद्दे