|Getting started with Windows 7 Gadgets|
|Written by Ian Elliot|
|Monday, 22 August 2011|
Page 3 of 5
A debug flyout
However you can add a debug window to make finding out what your gadget is doing.
In addition to the settings window, a gadget can open another type of window - the flyout. The gadget can have as many flyout windows as it needs but only one can be on display at any given time. To make debugging easier, and to provide an example of using the flyout, let's create a debug flyout.
First we need an HTML page to be used as the basis for the flyout:
Save this under the name
The <div> tag is going to be used to receive the text we want to display. The button is used to dismiss the flyout and simply sets its show property to false.
The big difference between the Settings and Flyout windows are that Settings is modal and doesn't vanish until the user clicks on OK or Cancel but the Flyout vanishes as soon as it loses focus.
The Gadget HTML starts out in the usual way:
It simply calls the debug function to display the message. The debug function, which can be added to any Gadget you are trying to debug, is fairly simple. First it sets the file that contains the HTML we want to use for the flyout and then sets the show property to true:
At this point the flyout starts to load. To start making use of it we set its onShow handler to a function that we are about to write:
System.Gadget.Flyout.onShow = showFlyout;
We retrieve its document object and save the debug message in local variables:
var oFlyDoc = System.Gadget.Flyout.document;
If you try this out you should see the flyout appear and display the appropriate message. If you don't, try it a second time because for reasons that aren't clear sometimes the onload event isn't triggered when you reload a gadget.
The complete script is:
|Last Updated ( Monday, 22 August 2011 )|