Originally, using borderlayout, I had my logger set a seperate tab to the main body of my pages, so I could switch back and forth to it. I decided I didn't like this, and instead, wanted to put the logger into a basic dialog so I could open and close it on demand. It wasn't that hard, and I learned how to set a global variable inside a function

Javascript
Code:
YAHOO.util.myLogger = {
	init: function() {
		window.myLoggerDialog = null;;
		
		loggerDialog = document.createElement('div');
		loggerDialog.id = 'loggerDialog';
		loggerDialog.style.visibility = 'hidden';
		
		document.body.appendChild(loggerDialog);

		myLoggerDialog = new YAHOO.ext.BasicDialog("loggerDialog", { 
			modal:false,
			autoTabs:true,
			width:500,
			height:300,
			shadow:true,
			minWidth:300,
			minHeight:300
		});

		myLoggerDialog.header.update('Logger');
		loggerTabs = new YAHOO.ext.TabPanel(myLoggerDialog.body.dom);
		loggerTab = loggerTabs.addTab('logger', 'Logger');
		myLoggerDialog.tabs = loggerTabs;
		myLoggerDialog.tabs.activate('logger');
		var myLogReader = new YAHOO.widget.LogReader("logger"); 
	}
};
YAHOO.ext.EventManager.onDocumentReady(YAHOO.util.myLogger.init, YAHOO.util.myLogger, true);
HTML to place in your page to trigger showing the dialog
Code:
<span onClick='myLoggerDialog.show(this);'>Logger</span>