API tools faq
paste
Advertisement
Linda-chan

Zebra!

Linda-chan
Aug 22nd, 2013
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.  
  6.   <style type="text/css">
  7.   <!--
  8.    * {
  9.      margin:0px;
  10.      padding:0px;}
  11.      
  12.    body {
  13.      font:10pt Tahoma,Arial,sans-serif;
  14.      margin:0px;
  15.      padding:10px;}
  16.      
  17.    div.zebra {
  18.      height:16px;
  19.      margin:0px;
  20.      padding:1px 5px;}
  21.      
  22.    div.zebra_frame {
  23.      border:1px solid #C0C0C0;
  24.      margin:0px 0px 10px 0px;}
  25.      
  26.    div.zebra_code {
  27.      font:9pt Consolas,"Courier New",monospace;
  28.      padding: 5px 7px;}
  29.  -->
  30.   </style>
  31.  
  32.   <title>Zebra!</title>
  33. </head>
  34. <body>
  35.  
  36. <script type="text/javascript">
  37. <!--
  38.  DrawZebra("255", "190");
  39.  DrawZebraCode("255", "190");
  40.  
  41.  DrawZebra("255", "193");
  42.  DrawZebraCode("255", "193");
  43.  
  44.  DrawZebra("255", "224");
  45.  DrawZebraCode("255", "224");
  46.  
  47.  function DrawZebra(WhiteValue, ColorValue) {
  48.    var TXT = "";
  49.    
  50.    TXT += "<div class='zebra_frame'>";
  51.    TXT += GetZebra(WhiteValue, ColorValue);
  52.    TXT += "</div>\r\n";
  53.    
  54.    document.write(TXT);
  55.  }
  56.  
  57.  function DrawZebraCode(WhiteValue, ColorValue) {
  58.    var TXT = "";
  59.    var Code = "";
  60.    var RE;
  61.    
  62.    Code = GetZebra(WhiteValue, ColorValue);
  63.    
  64.    RE = /\&/g; Code = Code.replace(RE, "&amp;");
  65.    RE = /\</g; Code = Code.replace(RE, "&lt;");
  66.    RE = /\>/g; Code = Code.replace(RE, "&gt;");
  67.    RE = /\r\n/g; Code = Code.replace(RE, "<br>");
  68.    
  69.    TXT += "<div class='zebra_frame zebra_code'>\r\n";
  70.    TXT += Code;
  71.    TXT += "</div>\r\n";
  72.    
  73.    document.write(TXT);
  74.  }
  75.  
  76.  function GetZebra(WhiteValue, ColorValue) {
  77.    var TXT = ""
  78.    
  79.    for (var bB = 0; bB <= 1; bB++) {
  80.      for (var bG = 0; bG <= 1; bG++) {
  81.        for (var bR = 0; bR <= 1; bR++) {
  82.          TXT += "<div class='zebra' style='"
  83.          TXT += "background:rgb("
  84.          
  85.          TXT += (bR == 0) ? WhiteValue : ColorValue;
  86.          TXT += ","
  87.          TXT += (bG == 0) ? WhiteValue : ColorValue;
  88.          TXT += ","
  89.          TXT += (bB == 0) ? WhiteValue : ColorValue;
  90.          
  91.          TXT += ");"
  92.          TXT += "'>"
  93.          TXT += "Colors"
  94.          
  95.          TXT += " R-"
  96.          TXT += (bR == 0) ? WhiteValue : ColorValue;
  97.          TXT += " G-"
  98.          TXT += (bG == 0) ? WhiteValue : ColorValue;
  99.          TXT += " B-"
  100.          TXT += (bB == 0) ? WhiteValue : ColorValue;
  101.          
  102.          TXT += ".TXT"
  103.          TXT += "</div>\r\n"
  104.        }
  105.      }
  106.    }
  107.    
  108.    return TXT;
  109.  }
  110. //-->
  111. </script>
  112.  
  113. </body>
  114. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!