console/test/basic.html

	basic.html revision b32d148b0052e1f874e9bc9803bef729bf859d97
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Test Page</title>
    <link type="text/css" rel="stylesheet" href="/assets/dpSyntaxHighlighter.css">
    <!--link type="text/css" rel="stylesheet" href="/build/console/assets/skins/sam/console.css"-->
    <style type="text/css">
.yui-skin-sam #c .yui-console {
    position: relative;
    top: auto;
    right: auto;
}
#c {
    margin-bottom: 1em;
}
    </style>
</head>
<body class="yui-skin-sam">
<div class="markup">
    <div id="c"></div>
    <input type="button" id="foo" value="Log foo msg">
    <input type="button" id="info" value="Log info msg">
    <input type="button" id="warn" value="Log warn msg">
    <input type="button" id="error" value="Log error msg">
</div>

<script type="text/javascript" src="/build/yui/yui.js"></script>
<script type="text/javascript" src="/build/console/console.js"></script>
<script type="text/javascript" src="/build/widget/widget.js"></script>
<script type="text/javascript">
Y = YUI({
    base: '/build/',
    useBrowserConsole:false,
    //logLevel: 'warn',
    filter: 'debug'
});

/*
Y.Env.meta.modules.console = {
    requires : ['substitute','widget'],
    skinnable : true
};

*/
Y.use('console',function (Y) {

var x = {
    foo : 0,
    info : 0,
    warn : 0,
    error : 0
};

Y.on('click',function (e) { Y.log('FOO message '+(++x.foo),'foo'); },'#foo');
Y.on('click',function (e) { Y.log('INFO message '+(++x.info)); },'#info');
Y.on('click',function (e) { Y.log('WARN message '+(++x.warn),'warn'); },'#warn');
Y.on('click',function (e) { Y.log('ERROR message '+(++x.error),'error'); },'#error');

var yconsole = new Y.Console({
    //verbose : true,
    //consoleLimit : 10,
    newestOnTop : false
});

yconsole.render('#c');

Y.log('testing');
Y.log('testing known category','info');
Y.log('testing new category','foo');
Y.log('testing known source','info','global');
Y.log('testing new source','info','bar');
yconsole.log("Test from the console object",'info','Console');

});
</script>
<script type="text/javascript" src="/assets/dpSyntaxHighlighter.js"></script>
<script type="text/javascript" src="/assets/dpSyntaxHighlightExample.js"></script>
</body>
</html>