Evet ve Hayır düğmelerini yerine Tamam ve İptal et onay kutusunu görüntüleyin mi?

Question

Olası Çoğalt:
how to create yes/no/cancel box in javascript instead of ok/cancel?

bir Onayla mesajı kutusunda

, nasıl "Tamam" "Evet" ve "Hayır" yerine demek ve "İptal" düğmeleri değiştirebilir ? Bunu jQuery/Javascript kullanarak gerçekleştirmenin bir yolu var mı? Herhangi bir yardım için şimdiden teşekkür ederiz.

Answer 1

Hayır, confirm işlevi tarafından görüntülenen iletişim kutusundaki düğmelerin içeriğini değiştirmek mümkün değildir. Bununla birlikte, benzer görünen bir iletişim kutusu oluşturmak için Javascript'i kullanabilirsiniz. This page, bunu gerçekleştirmenin birkaç farklı yolunu listeler.

$("#id").dialog({ 
    buttons: { 
    "Yes": function() {}, 
    "No": function() {} 
    } 
}); 

Answer 2

Eğer jQuery UI iletişim kutusuna geçerseniz, gibi uygun isimlerle düğmeleri dizi sunabilmesi En azından kolayca değil, düğmelerin içeriğini değiştirmek mümkün değildir.

<div id="confirmBox"> 
    <div class="message"></div> 
    <span class="yes">Yes</span> 
    <span class="no">No</span> 
</div> 

oluşturun: Kendi onayla kutusu oluşturun http://jqueryui.com/demos/dialog/#modal-confirmation

Answer 3

I kadarıyla jQuery bulunduğunda uyarı plugin

$.alerts.okButton = ' Yes '; 
$.alerts.cancelButton = ' No '; 

Answer 4

yok:

Answer 5

örneği kullanarak kendi özel uyarı kutusu olması oldukça kolaydır kendi confirm() yöntemi: koduyla

function doConfirm(msg, yesFn, noFn) 
{ 
    var confirmBox = $("#confirmBox"); 
    confirmBox.find(".message").text(msg); 
    confirmBox.find(".yes,.no").unbind().click(function() 
    { 
     confirmBox.hide(); 
    }); 
    confirmBox.find(".yes").click(yesFn); 
    confirmBox.find(".no").click(noFn); 
    confirmBox.show(); 
} 

Çağrı it:

doConfirm("Are you sure?", function yes() 
{ 
    form.submit(); 
}, function no() 
{ 
    // do nothing 
}); 

Onaylamak için onay kutusunu işaretlemek ve stil vermek için CSS'yi eklemeniz gerekir.

Çalışma demo: jsfiddle.net/Xtreu

Answer 6

: http://jsfiddle.net/JAAulde/qqkGA/ yanı sıra UI kendi demo: Bu jQuery UI iletişim kullanarak JQuery UI though