Gitiles
Code Review Sign In
gerrit.opencord.org / xos / e18b3446e847dc64339db83990f2db9af6803b99 / . / planetstack / core / static / log4javascript-1.4.6 / demos / basic.html
blob: 51d5857607722bc8e38b5c8f242f1fedc49a59a7 [file] [log] [blame]
Siobhan Tullye18b3442014-02-23 14:23:34 -0500[diff] [blame^]1<?xml version="1.0"?>
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
4 <head>
5 <title>log4javascript basic demo</title>
6 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
7 <meta name="author" content="Tim Down - tim@log4javascript.org" />
8 <meta name="description" content="log4javascript, a logging framework for JavaScript based on log4j" />
9 <meta name="robots" content="all" />
10 <link rel="stylesheet" type="text/css" media="screen,print" href="../main.css" title="Default" />
11 <script type="text/javascript" src="../js/log4javascript.js"></script>
12 <script type="text/javascript">
13 // <![CDATA[
14 var log = log4javascript.getLogger("main");
15 var appender = new log4javascript.PopUpAppender();
16 log.addAppender(appender);
17 log.debug("This is debugging message from the log4javascript basic demo page");
18
19 var words = ["Watford", "eased", "their", "relegation", "fears", "with", "a", "win",
20 "against", "a", "Charlton", "side", "who", "slipped", "further", "towards", "the",
21 "drop", "Don", "Cowie", "drilled", "in", "a", "shot", "to", "put", "the", "Hornets",
22 "ahead", "before", "Tresor", "Kandol", "ended", "a", "powerful", "run", "by",
23 "rounding", "keeper", "Scott", "Loach", "and", "slotting", "in", "to", "level"
24 ];
25
26 var loaded = false;
27
28 function generateRandom() {
29 var numberOfEntries = parseInt(document.getElementById("numberOfLogEntries").value);
30 for (var i = 0; i < numberOfEntries; i++) {
31 var numberOfWords = 1 + Math.floor(10 * Math.random());
32 var entryWords = [];
33 for (var j = 0; j < numberOfWords; j++) {
34 entryWords.push(words[Math.floor(Math.random() * words.length)]);
35 }
36 var entryMessage = entryWords.join(" ");
37 var levelNum = Math.floor(Math.random() * 6);
38 switch (levelNum) {
39 case 0:
40 log.trace(entryMessage);
41 break;
42 case 1:
43 log.debug(entryMessage);
44 break;
45 case 2:
46 log.info(entryMessage);
47 break;
48 case 3:
49 log.warn(entryMessage);
50 break;
51 case 4:
52 log.error(entryMessage);
53 break;
54 case 5:
55 log.fatal(entryMessage);
56 break;
57 }
58 }
59 }
60
61 function generateObjectExpansion() {
62 var debugObj = {
63 a: {
64 b: "stuff",
65 c: 3,
66 d: {
67 e: ["a", "b", "c"]
68 }
69 },
70 f: "Things",
71 g: 5
72 };
73 log.debug(debugObj);
74 }
75
76 function generateError() {
77 try {
78 throw new Error("Made up error");
79 } catch (ex) {
80 log.error("Logging an error!", ex);
81 }
82 }
83 // ]]>
84 </script>
85 </head>
86 <body onload="loaded = true; document.getElementById('enabled').checked = true;">
87 <div id="container" class="nonav">
88 <div id="header">
89 <h1><a href="/docs/index.html">log4javascript</a></h1>
90 </div>
91 <div id="content">
92 <div id="nav">
93 <a class="navitem" href="../index.html">home</a>
94 | <a class="navitem" href="http://sourceforge.net/projects/log4javascript" target="_blank" title="Download (opens in new window)">download</a>
95 | <a class="navitem" href="../docs/index.html">docs</a>
96 | <a class="navitem" href="../docs/quickstart.html">quick start</a>
97 | <a class="navitem" href="index.html">demos</a>
98 | <a class="navitem" href="http://log4javascript.org" target="_blank">website</a>
99 | <a class="navitem" href="http://www.timdown.co.uk" target="_blank">timdown.co.uk</a>
100 </div>
101 <h1>log4javascript basic demo</h1>
102 <p>
103 <em><strong>NB.</strong> Since the demo below uses pop-up windows, you will
104 need to disable any pop-up blockers you may have for it to work.</em>
105 </p>
106 <p>
107 This demo demonstrates the default logger. For more options, please see the
108 <a href="index.html">demos area</a>.
109 </p>
110 <p>
111 Enter a log message below and click on one of the buttons to log
112 your message at your desired level. You can then filter by
113 log level, toggle word-wrapping and perform text and regular
114 expression searches on the log entries.
115 </p>
116 <div class="example">
117 <input type="text" id="logText" value="Put log message here" />
118 <input type="button" value="debug" onclick="log.debug(document.getElementById('logText').value)" />
119 <input type="button" value="info" onclick="log.info(document.getElementById('logText').value)" />
120 <input type="button" value="warn" onclick="log.warn(document.getElementById('logText').value)" />
121 <input type="button" value="error" onclick="log.error(document.getElementById('logText').value)" />
122 <input type="button" value="fatal" onclick="log.fatal(document.getElementById('logText').value)" />
123 <br />
124 <input type="button" value="assert 1 equals 1" onclick="log.assert(1 === 1)" />
125 <input type="button" value="assert 1 equals 2" onclick="log.assert(1 === 2)" />
126 <br />
127 Generate <input type="text" size="5" id="numberOfLogEntries" value="50" /> random log entries
128 <input type="button" value="go" onclick="generateRandom()" />
129 <br />
130 <input type="button" value="Log exception" onclick="generateError()" />
131 <input type="button" value="Log example object" onclick="generateObjectExpansion()" />
132 <br />
133 <input type="checkbox" id="enabled" onclick="log4javascript.setEnabled(this.checked)" checked="checked" /> <label for="enabled">logging enabled</label>
134 <br />
135 <input type="text" id="groupName" value="Group name" />
136 <input type="button" value="group" onclick="log.group(document.getElementById('groupName').value)" />
137 <input type="button" value="end group" onclick="log.groupEnd()" />
138 <br />
139 <input type="text" id="timerName" value="Example timer name" />
140 <input type="button" value="start timer" onclick="log.time(document.getElementById('timerName').value)" />
141 <input type="button" value="end timer" onclick="log.timeEnd(document.getElementById('timerName').value)" />
142 </div>
143 </div>
144 <br class="clear" />
145 <div id="footer">
146 <span class="externallinkinfo">
147 <strong>NB.</strong> All external links open in a new window.
148 </span>
149 Written by Tim Down. <a href="mailto:tim@log4javascript.org">tim@log4javascript.org</a>
150 <br />
151 log4javascript is distributed under the <a href="http://www.apache.org/licenses/LICENSE-2.0.html"
152 title="Apache License, Version 2.0 (opens in new window)" target="_blank">Apache License,
153 Version 2.0</a>
154
155 </div>
156 </div>
157
158 </body>
159</html>