Ausführen
Kopieren
Speichern
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>SweetAlert.js</title> <link href="https://ekiwi.de/tryit/code/w3.css" type="text/css" rel="stylesheet" /> <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> </head> <body> <div class="w3-container"> <h1>SweetAlert.js</h1> <p>Schöne Infomeldungen mit <a href="https://sweetalert.js.org">SweetAlert.js</a></p> <hr> <button class="w3-btn w3-black" onclick="swal('Einfacher Sweet Alert');">Einfacher Sweet Alert</button> <pre>swal('Einfacher Sweet Alert');</pre> <hr> <button class="w3-btn w3-grey" onclick="swal('Hier ist der Titel', '...und hier kommt der Text!');">Titel und Text Beispiel</button> <pre>swal('Hier ist der Titel', '...und hier kommt der Text!');</pre> <hr> <button class="w3-btn w3-green" onclick="swal('Hier ist der Titel', '...und hier kommt der Text!', 'success');">Erfolgsmeldung</button> <pre>swal('Hier ist der Titel', '...und hier kommt der Text!', 'success');</pre> <hr> <button class="w3-btn w3-red" onclick="swal('Hier ist der Titel', '...und hier kommt der Text!', 'error');">Fehlermeldung</button> <pre>swal('Hier ist der Titel', '...und hier kommt der Text!', 'error');</pre> <hr> <button class="w3-btn w3-blue" onclick="swal('Hier ist der Titel', '...und hier kommt der Text!', 'info');">Infomeldung</button> <pre>swal('Hier ist der Titel', '...und hier kommt der Text!', 'info');</pre> <hr> <button class="w3-btn w3-yellow" onclick="swal('Hier ist der Titel', '...und hier kommt der Text!', 'info', { button: 'Weg damit!',})">Buttonbeschriftung</button> <pre>swal('Hier ist der Titel', '...und hier kommt der Text!', 'info', { button: 'Weg damit!',})</pre> </div> </body> </html>
Ihr Code wurde gespeichert
×
Verwenden Sie den folgenden Link um den Code zu teilen:
