basic.html revision 830942dd35b8923359649312679641a5de751291
843e19887f64dde75055cf8842fc4db2171eff45johnlev<!doctype html>
843e19887f64dde75055cf8842fc4db2171eff45johnlev<html>
843e19887f64dde75055cf8842fc4db2171eff45johnlev<head>
843e19887f64dde75055cf8842fc4db2171eff45johnlev <title>Test Page</title>
843e19887f64dde75055cf8842fc4db2171eff45johnlev <link type="text/css" rel="stylesheet" href="/assets/dpSyntaxHighlighter.css">
843e19887f64dde75055cf8842fc4db2171eff45johnlev <link type="text/css" rel="stylesheet" href="/build/console/assets/skins/sam/console-filters.css">
843e19887f64dde75055cf8842fc4db2171eff45johnlev <style type="text/css">
843e19887f64dde75055cf8842fc4db2171eff45johnlev.yui-skin-sam #c .yui-console {
843e19887f64dde75055cf8842fc4db2171eff45johnlev position: relative;
843e19887f64dde75055cf8842fc4db2171eff45johnlev top: auto;
843e19887f64dde75055cf8842fc4db2171eff45johnlev right: auto;
843e19887f64dde75055cf8842fc4db2171eff45johnlev}
843e19887f64dde75055cf8842fc4db2171eff45johnlev#c {
843e19887f64dde75055cf8842fc4db2171eff45johnlev margin-bottom: 1em;
843e19887f64dde75055cf8842fc4db2171eff45johnlev}
843e19887f64dde75055cf8842fc4db2171eff45johnlev </style>
843e19887f64dde75055cf8842fc4db2171eff45johnlev</head>
843e19887f64dde75055cf8842fc4db2171eff45johnlev<body class="yui-skin-sam">
843e19887f64dde75055cf8842fc4db2171eff45johnlev<div class="markup">
843e19887f64dde75055cf8842fc4db2171eff45johnlev <div id="c"></div>
843e19887f64dde75055cf8842fc4db2171eff45johnlev <input type="button" id="foo" value="Log foo msg">
843e19887f64dde75055cf8842fc4db2171eff45johnlev <input type="button" id="info" value="Log info msg">
b26a64ae582e72d0b4c710cd8eba9c4afd4a9fddjohnlev <input type="button" id="warn" value="Log warn msg">
843e19887f64dde75055cf8842fc4db2171eff45johnlev <input type="button" id="error" value="Log error msg">
843e19887f64dde75055cf8842fc4db2171eff45johnlev <button type="button" id="hide">Hide</button>
843e19887f64dde75055cf8842fc4db2171eff45johnlev <button type="button" id="show">Show</button>
843e19887f64dde75055cf8842fc4db2171eff45johnlev <button type="button" id="collapse">Collapse</button>
843e19887f64dde75055cf8842fc4db2171eff45johnlev <button type="button" id="expand">Expand</button>
843e19887f64dde75055cf8842fc4db2171eff45johnlev <button type="button" id="destroy">Destroy</button>
843e19887f64dde75055cf8842fc4db2171eff45johnlev <button type="button" id="throttle">Throttle</button>
843e19887f64dde75055cf8842fc4db2171eff45johnlev</div>
843e19887f64dde75055cf8842fc4db2171eff45johnlev
843e19887f64dde75055cf8842fc4db2171eff45johnlev<script type="text/javascript" src="/build/yui/yui.js"></script>
843e19887f64dde75055cf8842fc4db2171eff45johnlev<script type="text/javascript" src="/build/console/console-filters.js"></script>
843e19887f64dde75055cf8842fc4db2171eff45johnlev<script type="text/javascript">
843e19887f64dde75055cf8842fc4db2171eff45johnlevYUI({
843e19887f64dde75055cf8842fc4db2171eff45johnlev base: '/build/',
843e19887f64dde75055cf8842fc4db2171eff45johnlev //logLevel: 'warn',
843e19887f64dde75055cf8842fc4db2171eff45johnlev filter: 'debug',
843e19887f64dde75055cf8842fc4db2171eff45johnlev logInclude : { global: true },
843e19887f64dde75055cf8842fc4db2171eff45johnlev useBrowserConsole:false
843e19887f64dde75055cf8842fc4db2171eff45johnlev}).use('console','console-filters', function (Y) {
843e19887f64dde75055cf8842fc4db2171eff45johnlev
843e19887f64dde75055cf8842fc4db2171eff45johnlevvar x = {
843e19887f64dde75055cf8842fc4db2171eff45johnlev foo : 0,
843e19887f64dde75055cf8842fc4db2171eff45johnlev info : 0,
843e19887f64dde75055cf8842fc4db2171eff45johnlev warn : 0,
843e19887f64dde75055cf8842fc4db2171eff45johnlev error : 0
843e19887f64dde75055cf8842fc4db2171eff45johnlev};
843e19887f64dde75055cf8842fc4db2171eff45johnlev
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.on('click',function (e) { Y.log('FOO message '+(++x.foo),'foo'); },'#foo');
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.on('click',function (e) { Y.log('INFO message '+(++x.info)); },'#info');
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.on('click',function (e) { Y.log('WARN message '+(++x.warn),'warn'); },'#warn');
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.on('click',function (e) { Y.log('ERROR message '+(++x.error),'error'); },'#error');
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.get('#hide').on('click', function () { yconsole.hide(); });
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.get('#show').on('click', function () { yconsole.show(); });
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.get('#collapse').on('click', function () { yconsole.collapse(); });
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.get('#expand').on('click', function () { yconsole.expand(); });
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.get('#destroy').on('click', function () { yconsole.destroy(); });
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.get('#throttle').on('click', function () {
843e19887f64dde75055cf8842fc4db2171eff45johnlev for (var i = 0; i < 500; ++i) {
843e19887f64dde75055cf8842fc4db2171eff45johnlev Y.log('Throttle message ' + i);
843e19887f64dde75055cf8842fc4db2171eff45johnlev }
843e19887f64dde75055cf8842fc4db2171eff45johnlev});
843e19887f64dde75055cf8842fc4db2171eff45johnlev
843e19887f64dde75055cf8842fc4db2171eff45johnlevvar yconsole = new Y.Console({
843e19887f64dde75055cf8842fc4db2171eff45johnlev //verbose : true,
843e19887f64dde75055cf8842fc4db2171eff45johnlev //consoleLimit : 10,
843e19887f64dde75055cf8842fc4db2171eff45johnlev logLevel : "Garbage",
843e19887f64dde75055cf8842fc4db2171eff45johnlev newestOnTop : false
843e19887f64dde75055cf8842fc4db2171eff45johnlev});
843e19887f64dde75055cf8842fc4db2171eff45johnlev
843e19887f64dde75055cf8842fc4db2171eff45johnlevyconsole.plug(Y.Plugin.ConsoleFilters);
843e19887f64dde75055cf8842fc4db2171eff45johnlev
843e19887f64dde75055cf8842fc4db2171eff45johnlevyconsole.render('#c');
843e19887f64dde75055cf8842fc4db2171eff45johnlev
b26a64ae582e72d0b4c710cd8eba9c4afd4a9fddjohnlevY.log('testing');
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.log('testing known category','info');
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.log('testing new category','foo');
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.log('testing known source','info','global');
843e19887f64dde75055cf8842fc4db2171eff45johnlevY.log('testing new source','info','bar');
843e19887f64dde75055cf8842fc4db2171eff45johnlevyconsole.log("Test from the console object",'info','Console');
843e19887f64dde75055cf8842fc4db2171eff45johnlev
843e19887f64dde75055cf8842fc4db2171eff45johnlev});
843e19887f64dde75055cf8842fc4db2171eff45johnlev</script>
843e19887f64dde75055cf8842fc4db2171eff45johnlev<script type="text/javascript" src="/assets/dpSyntaxHighlighter.js"></script>
843e19887f64dde75055cf8842fc4db2171eff45johnlev<script type="text/javascript" src="/assets/dpSyntaxHighlightExample.js"></script>
843e19887f64dde75055cf8842fc4db2171eff45johnlev</body>
843e19887f64dde75055cf8842fc4db2171eff45johnlev</html>
843e19887f64dde75055cf8842fc4db2171eff45johnlev