web-dev-qa-db-ja.com

Javascript確認ポップアップ[はい、いいえ]ボタンと[キャンセル]の代わりに[いいえ]ボタン

Javascript確認ポップアップ、[OK]と[キャンセル]の代わりに[はい、いいえ]ボタンを表示します。

私はこの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」のようにポップアップのタイトルを変更したいので、ここに自分のアプリケーション名を表示します。

107
Muhammad Akhtar

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

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

87
johnvey

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

jqueryダイアログ

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

17
user7094

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>
7
Quan

使用できる注目の(ただし小さくてシンプルな)ライブラリは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ダイアログデモのスクリーンショット

4
Dan Spirit

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

4
cletus

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

非常に使いやすい:

 bootbox.confirm("Are you sure?", function(result) {
  Example.show("Confirm result: "+result);
});
3

1)サイトのファイルをダウンロードしてアップロードできます

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

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

$ .alerts.okButton = "yes"; $ .alerts.cancelButton = "no";

document.ready関数内。

動作するか試してください。

ありがとう

0
Reshma bhalekar