So personalisieren Sie die Alarmschaltflächen - window.confirm () und window.alert () [duplizieren]

8

Ich habe viele Websites gesehen, die ihre Warn- und Bestätigungsfelder mit unterschiedlichem Schaltflächentext personalisiert haben.

Dies entspricht standardmäßig der JavaScript window.confirm() -Funktion:

%Vor%

Aber was, wenn ich eine Anpassung wie benutzerdefinierten Kopftext und benutzerdefinierten Schaltflächentext wollte?

%Vor%

Kann dies in JavaScript, Jquery oder AJAX (oder einer anderen Sprache) erreicht werden? Wenn ja, könnten Sie mir bitte ein Beispiel zeigen? Vielen Dank!

    
pattyd 04.06.2013, 23:57
quelle

3 Antworten

3

Ich werde hier nichts Neues entdecken. Und die erstellten Kommentare sagen die relevantesten Informationen.

Sie sollten sich Open-Source-Alternativen ansehen, die eine große Unterstützung bieten und leicht anzupassen sind. Werfen Sie einen Blick auf BootBoxJS (es hängt von jQuery ab).

Auf dieser Site finden Sie Beispiele für Warnungen, Dialoge und andere nützliche Tools. z.B.

Um den erwähnten Soft zu verwenden:

  1. Laden Sie die js-Bibliothek herunter (einschließlich js, css usw.)
    2. herunter
  2. Entpacken Sie die Datei, was Sie wollen.
  3. Kopieren Sie dann den Beispielcode und fügen Sie ihn als example.html oder was auch immer Sie wollen ein.
  4. Ändern Sie nun die Links, damit sie auf Ihre heruntergeladenen Dateien zeigen (sehen Sie, wie ich meine Datei geändert habe)
  5. Speichern Sie die Datei und testen Sie sie mit Ihrem bevorzugten Browser.

Ich habe es einfach gemacht und es funktioniert perfekt! (Unter Firefox und Chromium)

HINWEIS : Ich habe es mit der neuen Version von BootStrap (v.3) getestet und es funktioniert nicht.

    
Lucio 05.06.2013, 00:15
quelle
5

Die einfache Antwort lautet, dass Eingabeaufforderungen diese Funktion nicht unterstützen,

Sie können jedoch Jquery verwenden oder ein eigenes Modal / Dialogfeld erstellen, um diese Funktionalität zu emulieren.

Siehe jQuery UI Dialo für Ideen und Beispiele.

Wenn Sie das Beispiel auf der Seite einrichten, sehen Sie sich die jsfiddle

an

HTML:

%Vor%

JS

%Vor%

Das CSS ist zu groß zum Posten, aber Sie können diese Datei verknüpfen:

Ссылка

    
isJustMe 05.06.2013 00:06
quelle
1

Nein. Eine einfache Überprüfung von den Dokumenten kann hilfreich sein. Java-Applets haben ähnliche (aber deutlich unterschiedliche) gestylte UI-Elemente, die möglicherweise das sind, was Sie in der Vergangenheit gesehen haben.

Wenn Sie möchten, könnten Sie Ihre eigenen Dialogfelder mit HTML / CSS / JavaScript erstellen, die wie Benutzeragenten-Dialogfelder funktionieren, aber das ist eine Menge Arbeit für das Ergebnis.

    
Madbreaks 05.06.2013 00:00
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie verwende ich einen Controller für zwei Direktiven?