39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
// Loads alert box into HTML first.
|
|
|
|
var box = document.createElement("div");
|
|
var p = document.createElement("p");
|
|
|
|
box.id = "alert";
|
|
box.style.position = "absolute";
|
|
box.style.top = "-4em";
|
|
box.style.width = "100%";
|
|
box.style.color = "#fefefe";
|
|
box.style.textAlign = "center";
|
|
|
|
box.style.setProperty("-webkit-transition", " top 0.3s cubic-bezier(.25, .8, .25, 1)");
|
|
box.style.setProperty("transition:", "top 0.3s cubic-bezier(.25, .8, .25, 1)");
|
|
box.style.setProperty("-moz-transition", " top 0.3s cubic-bezier(.25, .8, .25, 1)");
|
|
box.style.setProperty("-ms-transition", " top 0.3s cubic-bezier(.25, .8, .25, 1)");
|
|
|
|
p.style.backgroundColor = "#000";
|
|
p.style.display = "inline";
|
|
p.style.padding = "1em";
|
|
p.style.borderRadius = "4px";
|
|
|
|
box.appendChild(p);
|
|
|
|
get("body").appendChild(box);
|
|
|
|
function alertBox(s, type) {
|
|
colors = {
|
|
"error": "#d24242",
|
|
"msg": "#4d9e53"
|
|
};
|
|
box.childNodes[0].textContent = s;
|
|
box.childNodes[0].style.backgroundColor = colors[type];
|
|
box.style.top = "2em";
|
|
setTimeout(function() {
|
|
box.style.top = "-4em";
|
|
}, 1000);
|
|
}
|