117

Javascript Confirm ポップアップで、OK と Cancel の代わりに Yes, No ボタンを表示したい。

私はこのvbscriptコードを使用しました:

<script language="javascript">
    function window.confirm(str) {
        execScript('n = msgbox("' + str + '","4132")', "vbscript");
        return (n == 6);
    }
</script>

これは IE でのみ機能し、FF と Chrome では機能しません。

Javascriptでこれを達成するための回避策はありますか?

また、IE のようにポップアップのタイトルを変更したい 'Windows Internet Explorer' が表示されます。ここに自分のアプリケーション名を表示したいと思います。

4

9 に答える 9

89

残念ながら、デフォルトの OK/Cancel ペアではない確認ダイアログを開くためのクロスブラウザ サポートはありません。あなたが提供したソリューションは、IE でのみ利用可能な VBScript を使用しています。

代わりに、DOM ベースのダイアログを作成できる Javascript ライブラリを使用することをお勧めします。Jquery UI を試す: http://jqueryui.com/

于 2009-05-05T07:53:40.673 に答える
18

クロスブラウザーでこれを実現できる唯一の方法は、jQuery UI のようなフレームワークを使用してカスタム ダイアログを作成することです。

jquery ダイアログ

組み込みの確認ポップアップとまったく同じようには機能しませんが、必要に応じて実行できるはずです。

于 2009-05-05T07:53:48.833 に答える
8

http://projectshadowlight.org/jquery-easy-confirm-dialog/も使用できます。とてもシンプルで使いやすいです。jquery 共通ライブラリともう 1 つのファイルのみを含めるだけです。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/blitzer/jquery-ui.css" type="text/css" />
<script src="jquery.easy-confirm-dialog.js"></script>
于 2011-12-12T08:39:28.630 に答える
5

http://bootboxjs.com/をご覧ください。

非常に使いやすい:

 bootbox.confirm("Are you sure?", function(result) {
  Example.show("Confirm result: "+result);
});
于 2014-11-21T08:40:20.720 に答える
5

このクロスブラウザは、confirm() 関数などでは実行できません。代わりに、 jQuery UI ダイアログ機能などを使用して HTML ダイアログ ボックスを作成することを強くお勧めします。

于 2009-05-05T07:53:51.173 に答える
4

使用できる注目の (しかし小さくてシンプルな) ライブラリは JSDialog です: js.plus/products/jsdialog

以下は、[はい] ボタンと [いいえ] ボタンを含むダイアログを作成するサンプルです。

JSDialog.showConfirmDialog(
    "Save document before it will be closed?\nIf you press `No` all unsaved changes will be lost.",
    function(result) {
        // check result here
    },
    "warning",
    "yes|no|cancel"
);

JS ダイアログのデモのスクリーンショット

于 2015-10-18T10:07:27.837 に答える
0

1) サイトで以下のファイルをダウンロードおよびアップロードできます

<link href="/Style%20Library/css/smoothness/jquery.alerts.css" type="text/css" rel="stylesheet"/>

2）その後、以下のコードを直接使用できます

$.alerts.okButton = "はい"; $.alerts.cancelButton = "いいえ";

document.ready 関数で。

うまくいきますのでお試しください。

ありがとう

于 2015-04-09T09:59:11.080 に答える