diff --git a/uglipop.js b/uglipop.js index 7f282f1..001c92d 100644 --- a/uglipop.js +++ b/uglipop.js @@ -10,7 +10,7 @@ window.onload = function() { var popbox = document.createElement('div'); var overlay_wrapper = document.createElement('div'); content_fixed.id = 'uglipop_content_fixed'; - content_fixed.setAttribute('style', 'position:fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity:1;'); + content_fixed.setAttribute('style', 'position:fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);opacity:1;'); popbox.id = 'uglipop_popbox'; overlay_wrapper.id = "uglipop_overlay_wrapper"; overlay_wrapper.setAttribute('style', 'position:absolute;top:0;bottom:0;left:0;right:0;'); diff --git a/uglipop.min.js b/uglipop.min.js index 1fddc9f..05e6928 100644 --- a/uglipop.min.js +++ b/uglipop.min.js @@ -1 +1 @@ -function uglipop(e){e&&("string"==typeof e["class"]&&e["class"]&&document.getElementById("uglipop_popbox").setAttribute("class",e["class"]),e.keepLayout&&!e["class"]&&document.getElementById("uglipop_popbox").setAttribute("style","position:relative;height:300px;width:300px;background-color:white;opacity:1;"),"string"==typeof e.content&&e.content&&(document.getElementById("uglipop_popbox").innerHTML=e.content),"number"==typeof e.top&&e.top&&(document.getElementById("uglipop_content_fixed").style.top=e.top),"number"==typeof e.left&&e.left&&(document.getElementById("uglipop_content_fixed").style.left=e.left)),document.getElementById("uglipop_overlay_wrapper").style.display="",document.getElementById("uglipop_overlay").style.display="",document.getElementById("uglipop_content_fixed").style.display=""}function remove(){document.getElementById("uglipop_overlay_wrapper").style.display="none",document.getElementById("uglipop_overlay").style.display="none",document.getElementById("uglipop_content_fixed").style.display="none"}window.onload=function(){var e=document.createElement("div"),t=document.createElement("div"),o=document.createElement("div"),n=document.createElement("div");t.id="uglipop_content_fixed",t.setAttribute("style","position:fixed;top: 50%;left: 50%;opacity:1;"),o.id="uglipop_popbox",n.id="uglipop_overlay_wrapper",n.setAttribute("style","position:absolute;top:0;bottom:0;left:0;right:0;"),e.id="uglipop_overlay",e.setAttribute("style","position:fixed;top:0;bottom:0;left:0;right:0;opacity:0.3;width:100%;height:100%;background-color:black;"),n.appendChild(e),t.appendChild(o),document.body.appendChild(n),document.body.appendChild(t),document.getElementById("uglipop_overlay_wrapper").style.display="none",document.getElementById("uglipop_overlay").style.display="none",document.getElementById("uglipop_content_fixed").style.display="none",n.addEventListener("click",remove),window.addEventListener("keypress",function(e){27==e.keyCode&&remove()})}; \ No newline at end of file +function uglipop(e){e&&("string"==typeof e["class"]&&e["class"]&&document.getElementById("uglipop_popbox").setAttribute("class",e["class"]),e.keepLayout&&!e["class"]&&document.getElementById("uglipop_popbox").setAttribute("style","position:relative;height:300px;width:300px;background-color:white;opacity:1;"),"string"==typeof e.content&&e.content&&(document.getElementById("uglipop_popbox").innerHTML=e.content),"number"==typeof e.top&&e.top&&(document.getElementById("uglipop_content_fixed").style.top=e.top),"number"==typeof e.left&&e.left&&(document.getElementById("uglipop_content_fixed").style.left=e.left)),document.getElementById("uglipop_overlay_wrapper").style.display="",document.getElementById("uglipop_overlay").style.display="",document.getElementById("uglipop_content_fixed").style.display=""}function remove(){document.getElementById("uglipop_overlay_wrapper").style.display="none",document.getElementById("uglipop_overlay").style.display="none",document.getElementById("uglipop_content_fixed").style.display="none"}window.onload=function(){var e=document.createElement("div"),t=document.createElement("div"),o=document.createElement("div"),n=document.createElement("div");t.id="uglipop_content_fixed",t.setAttribute("style","position:fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);opacity:1;"),o.id="uglipop_popbox",n.id="uglipop_overlay_wrapper",n.setAttribute("style","position:absolute;top:0;bottom:0;left:0;right:0;"),e.id="uglipop_overlay",e.setAttribute("style","position:fixed;top:0;bottom:0;left:0;right:0;opacity:0.3;width:100%;height:100%;background-color:black;"),n.appendChild(e),t.appendChild(o),document.body.appendChild(n),document.body.appendChild(t),document.getElementById("uglipop_overlay_wrapper").style.display="none",document.getElementById("uglipop_overlay").style.display="none",document.getElementById("uglipop_content_fixed").style.display="none",n.addEventListener("click",remove),window.addEventListener("keypress",function(e){27==e.keyCode&&remove()})}; \ No newline at end of file