# dndod ------ popup

## dndod.alert(msg, options)

Show demo

    dndod.alert('Alert example');

## dndod.confirm(msg, confirmCallback, options)

Show demo

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

## dndod.notice(msg, options)

Show demo

    dndod.notice("Notice example");

## Disable animation

Show demo

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

## Nested popup

Show demo

    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

Show demo

    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

Show demo

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

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

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