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

StackOverflow https://stackoverflow.com/questions/823790

質問

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

役に立ちましたか？

解決

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

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

他のヒント

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

jqueryダイアログ

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

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>

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

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

http://bootboxjs.com/

をご覧ください

非常に使いやすい：

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

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

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

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

$。alerts.okButton =＆quot; yes＆quot ;; $ .alerts.cancelButton =＆quot; no＆quot ;;

document.ready関数内。

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

ありがとう

ポイントに対する非常に具体的な答えはダイアログの確認です Js関数：

confirm('Do you really want to do so');

[OK]キャンセルボタンが付いたダイアログボックスを表示します。これらのボタンを[はい] [いいえ]に置き換えることはそれほど単純なタスクではないため、jQuery関数を記述する必要があります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top