Show a flyout, then close it?

Question

Hi all,

Here's the situation. I have a menu in my gadget, and I want it so that people can click on the menu, and a flyout comes out with another menu.

Then I want them to make a selection from the flyout menu. Basically the selection needs to load in a new flyout.

So I'm trying to figure out how to make a link close the current flyout and open a new one with the correct page.

I've tried this:
<a href="#" onClick="System.Gadget.Flyout.hide=true;System.Gadget.Flyout.file = 'selection.htm';System.Gadget.Flyout.show=true;">This Option</a>

But the hide.true is causing errors. I think I'm close but I must be missing something.

Any ideas?

Answer 1

I think what you need is something like this.

 

 

<a href="#" onClick="System.Gadget.Flyout.show=false;System.Gadget.Flyout.file = 'selection.htm';System.Gadget.Flyout.show=true;">This Option</a>

 

Note: This is not tested but that syntax looks right to me.

 

Chris

Answer 2

Thanks for the response. I tried that out bug got "Error - System is Undefined"

Hmm

Answer 3

I was over complicating things

Just using System.Gadget.Flyout.file = 'option.htm';

and getting rid of the other stuff worked

Answer 4

great. I was going down an even more complex route..

 

Chris

 

Answer 5

Matt wrote:

I was over complicating things Just using System.Gadget.Flyout.file = 'option.htm';

 

When I try that I get an "Invalid procedure call" error.

 

Can you show me how you got it to work?

chris

Answer 6

Here's the exact link code in my flyout:

<a href="#" onClick="System.Gadget.Flyout.file = 'option.htm';">Dice</a>

It basically just loads a new file in the flyout and it automatically resizes itself.

Answer 7

Just be aware of workaround to Bug#12 when you're doing this, focus will be lost on the Flyout if you change it whilst it's already open.