ansaurus

Question

Windows Sidebar gadget - cannont access a div in Flyout DOM

Answer 1

A:

The problem here is the flyout is loaded asynchronously (because it's an entirely new window). The line

var mainFlyoutDiv = flyoutDoc.getElementById('divFlyout');

is executed before the Flyout document is finished being parsed, which is why it's null - the element doesn't exist yet. There's a couple of options available to you, my favourite being something like this:

ShowFlyout = function()    
{   
    System.Gadget.Flyout.show = true;   
    var flyoutWin = System.Gadget.Flyout.document.parentWindow;   
    flyoutWin.myCustomVar = "Hello";
}

And in your flyout HTML, add a script with the following code:

window.onload = function ()
{
    document.getElementById("divFlyout").innerHTML = myCustomVar;
}

Andy E 2010-03-12 00:13:36

Doh! That should have occurred to me. I ended up wiring the ShowFlyout method to the System.Gadget.Flyout.onShow property. Thanks :)

cyrix86 2010-03-12 16:06:31

ansaurus

tags:

views:

answers:

Windows Sidebar gadget - cannont access a div in Flyout DOM

related questions