Hide Microsoft AJAX Modal Popup Extender from Javascript

There are many cases where you may want to add multiple buttons to hide or show the MS AJAX modal popup extender dialog.

You also may want to intercept close and show events with javascript to do other functionality prior to modal load and following modal close, such as clearing the content of RIA content which will otherwise continue to run in the background (in IE at least) on close.

//don't forget to set BehaviorID ="modalname"
//call showmodal('behaviorid') or hidemodal('behaviorid')

    function showmodal(modalname) 
    {
//do something to get/update modal content here or from server side
      $find(modalname).show(); 
    }

    function hidemodal(modalname) 
    {
document.GetElementById(modalname).innerHtml=''; //clears content
$find(modalname).hide(); 
    }

References
http://blogs.msdn.com/b/phaniraj/archive/2007/02/20/show-and-hide-modalpopupextender-from-javascript.aspx

Advertisements

About Ronnie Diaz

Ronnie Diaz is an enterprise software engineer responsible for front-end and back-end development for companies in many industries. Heavily involved in cloud development, online retail, e-commerce and electronic ordering, fulfillment and customer relational systems.

Posted on March 18, 2011, in Programming & Development. Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: