2011-06-22 13 views
8

可能性の重複:
how to create yes/no/cancel box in javascript instead of ok/cancel?[OK]の代わりに[はい]と[いいえ]ボタンを表示し、[確認]ボックスに[キャンセル]を表示しますか?

確認メッセージボックスで

、どのように私は「OK」、「はい」と「いいえ」の代わりに言うと、「キャンセル」するボタンを変更することができます? jQuery/Javascriptを使ってこれを実現する方法はありますか?助けを前にありがとう。

+0

ありがとうございました。私の質問を編集するため。 – user300485

+0

@Felix:これは正確な複製ではありません。前の質問に対する回答はJQueryでこれを行う方法については言及されていませんでした。しかし、ここの答えはその質問に併合することができます。 –

+0

@PaloEbermann:まあ、jQueryダイアログへのリンクがあります。私は開発者からドキュメントを読んでいることを期待できると思います(ドキュメントの場所を知っていれば)。それはまだ重複している、質問は全く同じ問題についてです。 –

答えて

1

いいえ、confirm機能で表示されるダイアログのボタンの内容を変更することはできません。ただし、Javascriptを使用して同様のダイアログを作成することができます。 This pageには、これを達成するためのいくつかの異なる方法が記載されています。

12

あなたはjQueryのUIのダイアログボックスに切り替える場合は、あなたのような適切な名前でボタンの配列を初期化することができます

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

jQueryの警告は、私の知る限りとしてplugin

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

あり知っている、少なくとも簡単には、ボタンの内容を変更することはできません。

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

作成します。あなた自身の確認ボックスを作成しhttp://jqueryui.com/demos/dialog/#modal-confirmation

1

例を使用して、独自のカスタムアラートボックスを持つことが非常に簡単ですあなた自身のconfirm()方法:

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(); 
} 

は、あなたのコードでそれを呼び出す:

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

スタイルを設定するにはCSSを追加し、確認ボックスを適切に配置する必要があります。

作業デモ:jsfiddle.net/Xtreu

9

http://jsfiddle.net/JAAulde/qqkGA/だけでなく、UI自身のデモ:これは、jQueryのUIのダイアログを使用してJQuery UI though

+0

これは何らかの形では機能しません。コードを変更したり、これについて詳しく説明してください。 –

+0

@jubinPatel - ここにデモがあります:http://jsfiddle.net/Xtreu/ – gilly3

+0

ありがとうございます。 –

関連する問題