Logger Widget :: YUI Integration Example

Using Logger to Debug YUI Library Components

In this example, we have set up an instance of AutoComplete. By using the debug build of AutoComplete source code, we are able to instantiate a LogReader on this page and read the messages generated from the component. In order to place the LogReader in a convenient spot, we pass in a custom bottom value into its constructor.

Find a state:

Sample Code

CSS:


    No CSS styles were defined.

    

Markup:


    No markup was defined.

    

JavaScript:


    // Instatiate LogReader

    var oLogReader = new YAHOO.widget.LogReader(null,{top:"auto",bottom:"10px",fontSize:"92%",width:"30em",height:"20em"});