it-swarm.com.de

Javascript Popup bestätigen Ja, Nein anstelle von OK und Abbrechen

Javascript Popup bestätigen, ich möchte die Schaltfläche Ja, Nein anstelle von OK und Abbrechen anzeigen.

Ich habe diesen VBScript-Code verwendet:

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

dies funktioniert nur in IE, In FF und Chrome funktioniert es nicht.

Gibt es ein Workround, um dies in Javascript zu erreichen?

Ich möchte auch den Titel des Popups ändern, wie in IE 'Windows Internet Explorer' angezeigt wird. Ich möchte hier meinen eigenen Anwendungsnamen anzeigen.

108
Muhammad Akhtar

Leider gibt es keine browserübergreifende Unterstützung für das Öffnen eines Bestätigungsdialogs, bei dem es sich nicht um das Standardpaar OK/Abbrechen handelt. Die von Ihnen bereitgestellte Lösung verwendet VBScript, das nur im IE verfügbar ist.

Ich würde vorschlagen, eine Javascript-Bibliothek zu verwenden, die stattdessen einen DOM-basierten Dialog erstellen kann. Probieren Sie die Jquery-Benutzeroberfläche aus: http://jqueryui.com/

87
johnvey

Die einzige Möglichkeit, dies browserübergreifend zu erreichen, besteht darin, ein Framework wie jQuery UI zu verwenden und ein benutzerdefiniertes Dialogfeld zu erstellen:

jquery Dialog

Es funktioniert nicht genau so wie das eingebaute Bestätigungs-Popup, aber Sie sollten in der Lage sein, es zu tun, was Sie wollen.

17
user7094

Sie können auch http://projectshadowlight.org/jquery-easy-confirm-dialog/ verwenden. Es ist sehr einfach und benutzerfreundlich. Fügen Sie einfach die allgemeine jquery-Bibliothek und eine weitere Datei hinzu:

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

Die vorgestellte (aber kleine und einfache) Bibliothek, die Sie verwenden können, ist JSDialog: js.plus/products/jsdialog

Hier ist ein Beispiel für das Erstellen eines Dialogfelds mit den Schaltflächen Ja und Nein:

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 Dialog Demo Screenshot

4
Dan Spirit

Sie können diesen Cross-Browser nicht mit der Funktion confirm () oder ähnlichem ausführen. Es wird dringend empfohlen, dass Sie die Funktion jQuery UI-Dialogfeld verwenden, um stattdessen ein HTML-Dialogfeld zu erstellen.

4
cletus

Schauen Sie sich http://bootboxjs.com/ an

Sehr einfach zu bedienen:

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

1) Sie können die folgenden Dateien auf Ihrer Website herunterladen und hochladen

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

2) Danach können Sie den folgenden Code direkt verwenden

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

in document.ready funktionieren.

Bitte versuchen Sie es wird funktionieren.

Vielen Dank

0
Reshma bhalekar