dndod ------ popup

dndod.alert(msg, options)

dndod.alert('Alert example');

dndod.confirm(msg, confirmCallback, options)

dndod.confirm("Confirm example.\nClick the 'Continue' button below.", function () {
    dndod.notice("Confirmed!");
});

dndod.notice(msg, options)

dndod.notice("Notice example");

Disable animation

dndod.alert("Disabled 'animation' options", {
    "animation": "none"
});

Nested popup

dndod.popup({
    title: "Guide",
    msg: "Example of the nested popup.\n Click the 'Continue' button below.",
    buttons: [
        {
            text: "Cancel",
            handler: function(e, popup) {
                popup.close()
            }
        },
        {
            text: "Continue",
            type: "warning",
            handler: function(e, popup) {
                dndod.popup({
                    msg: "Click the 'Continue' button again.",
                    buttons: [
                        {
                            text: "Cancel",
                            handler: function(e, popup) {
                                popup.close()
                            }
                        },
                        {
                            text: "Continue",
                            type: "primary",
                            handler: function(e, popup) {
                                dndod.alert('Alert');
                            }
                        }
                    ]
                });
            }
        }
    ]
});

Multiple buttons

dndod.popup({
    msg: "You can place multiple auto-width buttons.",
    buttons: [
        {
            text: "Close",
            handler: function(e, popup) {
                popup.close()
            }
        },
        {
            text: "Action 1",
            type: "kakaobank",
            handler: function(e, popup) {
                dndod.notice("Thank you")
            }
        },
        {
            text: "Action 2",
            type: "primary",
            handler: function(e, popup) {
                dndod.notice("Muchas gracias")
            }
        },
        {
            text: "Action 3",
            type: "info",
            handler: function(e, popup) {
                dndod.notice("감사합니다")
            }
        }
    ]
});

Insert DOM Element into message instead of text

var $msgElement = document.createElement("div");
$msgElement.innerHTML = "Appended as DOM Element";

// ..write whatever you want to your element..

dndod.popup({
    msg: $msgElement
});