logger about yui

来源:互联网 发布:linux opengl 安装 编辑:程序博客网 时间:2024/06/06 02:16
  1. <!-- yahoo 上面教程的例子,关于如何打印log的  -->
  2. <html>
  3.     <head>
  4.         <title>logger</title>
  5.         <style>
  6.         .yui-log .mycategory {background-color:#7B0099;} 
  7.         </style>
  8.         <link type="text/css" rel="stylesheet" href="./../build/logger/assets/skins/sam/logger.css">
  9.         <script type="text/javascript" src="./../build/yahoo-dom-event/yahoo-dom-event.js"></script>
  10.         <script type="text/javascript" src="./../build/dragdrop/dragdrop-min.js"></script>
  11.         <script type="text/javascript" src="./../build/logger/logger-min.js"></script>
  12.     </head>
  13.     <body class="yui-skin-sam">
  14.     
  15.         <script type="text/javascript">
  16.             var myLogReader = new YAHOO.widget.LogReader();
  17.             YAHOO.log("this is my first log test.");
  18.             YAHOO.log("this is an error log.","error");
  19.             YAHOO.log("this is my log.","mycategory");
  20.             YAHOO.log("this log will be filtered.","error","logOne");
  21.             YAHOO.log("this log will be filtered too.","error","logTwo");
  22.             
  23.             var hide = function(e){
  24.                 myLogReader.hide();
  25.             }
  26.             var show = function(e){
  27.                 myLogReader.show();
  28.             }
  29.             
  30.             
  31.             YAHOO.util.Event.on("hide","click",hide);
  32.             YAHOO.util.Event.on("show","click",show);
  33.         </script>
  34.         
  35.         <input type="button" id="hide" value="hide" />
  36.         <input type="button" id="show" value="show" />
  37.     
  38.     </body>
  39. </html>
原创粉丝点击