Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Usage::
- var element = $E([
- "<div class='window'>",
- "<div class='message'>#{message}</div>",
- "<input type='button' class='ok' value='#{ok}'/> <input type='button' class='cancel' value='#{cancel}'/>",
- "</div>"
- ].join(""), {
- data: {
- message : message || "dialog",
- ok : opts.ok || "OK",
- cancel : opts.cancel || "Cancel"
- },
- parent: document.body
- });
- var style = resetStyle(element, [
- "._.window {",
- "border: 0.3em solid #ccc;",
- "-moz-border-radius: 1em;",
- "padding: 1em;",
- "margin: 1em;",
- "line-height: 1.33;",
- "}",
- "._ .message {",
- "margin : 1em;",
- "padding: 1em 0;",
- "margin: 0 0.5em;",
- "}",
- "._ input {",
- "display: inline;",
- "border: 0.3em solid #ccc;",
- "-moz-border-radius: 1em;",
- "width: 7em;",
- "padding: 0.2em 0;",
- "text-align: center;",
- "margin: 0 0.5em;",
- "}"
- ].join("\n"));
- style.position = "absolute";
- style.top = "0";
- style.left = "0";
- */
- function resetStyle (ele, addtional) {
- if (!resetStyle.style) {
- resetStyle.style = [
- "azimuth: center;",
- "background: #fff;",
- "border: none;",
- "bottom: auto;",
- "caption-side: top;",
- "clear: none;",
- "clip: auto;",
- "color: #000;",
- "content: '';",
- "counter-increment: none;",
- "counter-reset: none;",
- "cue: none;",
- "cue-after: none;",
- "cue-before: none;",
- "cursor: auto;",
- "direction: ltr;",
- "display: block;",
- "elevation: level;",
- "empty-cells: show;",
- "float: none;",
- "font: normal;",
- "height: auto;",
- "left: auto;",
- "letter-spacing: none;",
- "list-style: disc outside none;",
- "margin: 0;",
- "marker-offset: auto;",
- "marks: none;",
- "max-height: none;",
- "max-width: none;",
- "min-height: 0;",
- "min-width: 0;",
- "orphans: 2;",
- "outline: none;",
- "overflow: visible;",
- "padding: 0;",
- "page: auto;",
- "page-break-after: auto;",
- "page-break-before: auto;",
- "page-break-inside: auto;",
- "position: static;",
- "right: auto;",
- "size: auto;",
- "speak: none;",
- "table-layout: auto;",
- "text-align: left;",
- "text-decoration: none;",
- "text-indent: 0;",
- "text-shadow: none;",
- "text-transform: none;",
- "top: auto;",
- "unicode-bidi: none;",
- "vertical-align: baseline;",
- "visibility: visible;",
- "white-space: normal;",
- "windows: 2;",
- "width: auto;",
- "z-index: auto;",
- ].join("");
- }
- var className = "scriptreset" + String(Math.random()).slice(2);
- var style = document.createElement('style');
- style.type = "text/css";
- style.appendChild(document.createTextNode([
- "." + className + " ,",
- "." + className + " * {",
- resetStyle.style.replace(/;/g, " !important;"),
- "} ",
- addtional.replace(/;/g, " !important;").replace(/_/g, className) || ""
- ].join("\n")));
- ele.className += " " + className;
- document.getElementsByTagName('head')[0].appendChild(style);
- return ele.style;
- }
Add Comment
Please, Sign In to add comment