planetstack/core/static/log4javascript-1.4.6/demos/lite.html

   1 <?xml version="1.0"?>\r
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
   3 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">\r
   4         <head>\r
   5                 <title>log4javascript lite demo</title>\r
   6                 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />\r
   7                 <meta name="author" content="Tim Down - tim@log4javascript.org" />\r
   8                 <meta name="description" content="log4javascript, a logging framework for JavaScript based on log4j" />\r
   9                 <meta name="robots" content="all" />\r
  10                 <link rel="stylesheet" type="text/css" media="screen,print" href="../main.css" title="Default" />\r
  11                 <script type="text/javascript" src="../js/log4javascript_lite.js"></script>\r
  12                 <script type="text/javascript">\r
  13                         // <![CDATA[\r
  14                         var     log = log4javascript.getDefaultLogger();\r
  15                         log.debug("This is debugging message from the log4javascript lite demo page");\r
  16 \r
  17                         var words = ["Boothroyd", "who", "took", "over", "two", "years",\r
  18                                         "ago", "and", "continues", "to", "maintain", "that", "the",\r
  19                                         "club", "are", "building", "for", "the", "future", "made",\r
  20                                         "six", "changes", "and", "gave", "a", "first", "Premiership",\r
  21                                         "start", "to", "on-loan", "Brazilian", "midfielder",\r
  22                                         "Douglas", "Rinaldi", "Darius", "Henderson", "and", "Steve",\r
  23                                         "Kabba", "were", "two", "of", "the", "players", "restored",\r
  24                                         "to", "the", "home", "side", "and", "were", "responsible",\r
  25                                         "for", "giving", "Chelsea", "an", "uncomfortable", "start",\r
  26                                         "which", "set", "the", "pattern", "for", "the", "match"\r
  27                                         ];\r
  28 \r
  29                         var loaded = false;\r
  30 \r
  31                         function generateRandom() {\r
  32                                 var numberOfEntries = parseInt(document.getElementById("numberOfLogEntries").value);\r
  33                                 for (var i = 0; i < numberOfEntries; i++) {\r
  34                                         var numberOfWords = 1 + Math.floor(10 * Math.random());\r
  35                                         var entryWords = [];\r
  36                                         for (var j = 0; j < numberOfWords; j++) {\r
  37                                                 entryWords.push(words[Math.floor(Math.random() * words.length)]);\r
  38                                         }\r
  39                                         var entryMessage = entryWords.join(" ");\r
  40                                         var levelNum = Math.floor(Math.random() * 6);\r
  41                                         switch (levelNum) {\r
  42                                                 case 0:\r
  43                                                         log.trace(entryMessage);\r
  44                                                         break;\r
  45                                                 case 1:\r
  46                                                         log.debug(entryMessage);\r
  47                                                         break;\r
  48                                                 case 2:\r
  49                                                         log.info(entryMessage);\r
  50                                                         break;\r
  51                                                 case 3:\r
  52                                                         log.warn(entryMessage);\r
  53                                                         break;\r
  54                                                 case 4:\r
  55                                                         log.error(entryMessage);\r
  56                                                         break;\r
  57                                                 case 5:\r
  58                                                         log.fatal(entryMessage);\r
  59                                                         break;\r
  60                                         }\r
  61                                 }\r
  62                         }\r
  63 \r
  64                         function generateObjectExpansion() {\r
  65                                 var debugObj = {\r
  66                                         a: {\r
  67                                                 b: "stuff",\r
  68                                                 c: 3,\r
  69                                                 d: {\r
  70                                                         e: ["a", "b", "c"]\r
  71                                                 }\r
  72                                         },\r
  73                                         f: "Things",\r
  74                                         g: 5\r
  75                                 };\r
  76                                 log.debug(debugObj);\r
  77                         }\r
  78 \r
  79                         function generateError() {\r
  80                                 try {\r
  81                                         throw new Error("Made up error");\r
  82                                 } catch (ex) {\r
  83                                         log.error("Logging an error!", ex);\r
  84                                 }\r
  85                         }\r
  86                         // ]]>\r
  87                 </script>\r
  88         </head>\r
  89         <body onload="loaded = true; document.getElementById('enabled').checked = true;">\r
  90                 <div id="container" class="nonav">\r
  91                         <div id="header">\r
  92                                 <h1><a href="/docs/index.html">log4javascript</a></h1>\r
  93                         </div>\r
  94                         <div id="content">\r
  95                                 <div id="nav">\r
  96                                         <a class="navitem" href="http://sourceforge.net/projects/log4javascript" target="_blank" title="Download (opens in new window)">download</a>\r
  97                                         | <a class="navitem" href="../docs/index.html">docs</a>\r
  98                                         | <a class="navitem" href="../docs/quickstart.html">quick start</a>\r
  99                                         | <a class="navitem" href="../docs/manual.html">manual</a>\r
 100                                         | <a class="navitem" href="index.html">demos</a>\r
 101                                         | <a class="navitem" href="http://www.timdown.co.uk/log4javascript" target="_blank">website</a>\r
 102                                 </div>\r
 103                                 <h1>log4javascript lite demo</h1>\r
 104                                 <p>\r
 105                                         <em><strong>NB.</strong> Since the demo below uses pop-up windows, you will\r
 106                                         need to disable any pop-up blockers you may have for it to work.</em>\r
 107                                 </p>\r
 108                                 <p>\r
 109                                         This demo demonstrates the lite edition of log4javascript.\r
 110                                 </p>\r
 111                                 <p>\r
 112                                         Enter a log message below and click on one of the buttons to log\r
 113                                         your message at your desired level.\r
 114                                 </p>\r
 115                                 <div class="example">\r
 116                                         <input type="text" id="logText" value="Put log message here" />\r
 117                                         <input type="button" value="trace" onclick="log.trace(document.getElementById('logText').value)" />\r
 118                                         <input type="button" value="debug" onclick="log.debug(document.getElementById('logText').value)" />\r
 119                                         <input type="button" value="info" onclick="log.info(document.getElementById('logText').value)" />\r
 120                                         <input type="button" value="warn" onclick="log.warn(document.getElementById('logText').value)" />\r
 121                                         <input type="button" value="error" onclick="log.error(document.getElementById('logText').value)" />\r
 122                                         <input type="button" value="fatal" onclick="log.fatal(document.getElementById('logText').value)" />\r
 123                                         <br />\r
 124                                         Generate <input type="text" size="5" id="numberOfLogEntries" value="50" /> random log entries\r
 125                                         <input type="button" value="go" onclick="generateRandom()" />\r
 126                                         <br />\r
 127                                         <input type="button" value="Log exception" onclick="generateError()" />\r
 128                                         <input type="button" value="Log example object" onclick="generateObjectExpansion()" />\r
 129                                         <br />\r
 130                                         <input type="checkbox" id="enabled" onclick="log4javascript.setEnabled(this.checked)" checked="checked" /> <label for="enabled">logging enabled</label>\r
 131                                         <br />\r
 132                                 </div>\r
 133                         </div>\r
 134                         <br class="clear" />\r
 135                         <div id="footer">\r
 136                                 <span class="externallinkinfo">\r
 137                                         <strong>NB.</strong> All external links open in a new window.\r
 138                                 </span>\r
 139                                 Written by Tim Down. <a href="mailto:tim@log4javascript.org">tim@log4javascript.org</a>\r
 140                                 <br />\r
 141                                 log4javascript is distributed under the <a href="http://www.apache.org/licenses/LICENSE-2.0.html"\r
 142                                         title="Apache License, Version 2.0 (opens in new window)" target="_blank">Apache License,\r
 143                                         Version 2.0</a>\r
 144 \r
 145                         </div>\r
 146                 </div>\r
 147         </body>\r
 148 </html>\r