Yahoo logger

The logger records stuff that goes on and displays it for you on screen. Check any of the YUI examples by clicking the big button on the right that says 'reload with logging and debigging enabled'.

You can either write events to it directly using a javascript command:

YAHOO.log("My log message");

or you can (perhaps more productively) get it to give you live output of what various YUI components are doing. This however means that you need to use the version of the juavascript files that have all the debug messages built in. To clarify, YUI is optimised for downloading by the removal of all comments, whitespace and debugging messages. These are files called *-min.js, as opposed to *-debug.js which is the version to use if you are getting stuck. e.g.

<script type='text/javascript' src='".$CFG->wwwroot."/lib/yui/container/container-debug.js'></script>

To display a logger instance on screen, add this code

<link type='text/css' rel='stylesheet' href='".$CFG->wwwroot."/lib/yui/logger/assets/logger.css'>
<script type='text/javascript' src='".$CFG->wwwroot."/lib/yui/logger/logger-min.js'></script>
<script type="text/javascript" >
  var myLogReader = new YAHOO.widget.LogReader(myContainer); 
</script>

where 'mycontainer' is the id of a div you have made, where you want the logger to appear.

Documentation

Yahoo logger