Hide / Show ajax cloud BalloonPopupExtender

Question

I use BalloonPopupExtender in the text box to say: “Unknown input” because its the only one that allows me to have a panel into which I can insert any controls that I want.

I need to click a button to show it, and from a text change in a text box to hide it. I noticed that there is no visibility property for BalloonPopupExtender, only DisplayOnFocus, DisplayOnClick properties ..... but there is no way to control it using another button or function.

How can I hide / show BalloonPopupExtender?

Answer 1

Ok, I found the answer:

in javascript i wrote:

var ctrl = $find('PopupCnt'); 

event.cancelBubble = true;

  if (ctrl._popupVisible == true) ctrl.hidePopup(); else ctrl.showPopup(); 

the line "event.cancelBubble = true" did this.

and one more thing - I clicked the button that caused the postback, so even if the pop-up window showed that it would be reset when the new page looks like it doesn’t work. I just created a button without postback, and it worked.

Answer 2

Try using the following event handler

 onmouseout="this.BalloonPopupControlBehavior.hidePopup();"