<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://blogs.msdn.com/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>With Great Power comes Great Response.write("Ability") : ModalPopupExtender</title><link>http://blogs.msdn.com/phaniraj/archive/tags/ModalPopupExtender/default.aspx</link><description>Tags: ModalPopupExtender</description><dc:language>en-US</dc:language><generator>CommunityServer 2.1 SP1 (Build: 61025.2)</generator><item><title>Some Useful Links from the  ASP.NET Ajax Forums</title><link>http://blogs.msdn.com/phaniraj/archive/2007/05/10/some-useful-links-from-the-asp-net-ajax-forums.aspx</link><pubDate>Thu, 10 May 2007 23:50:39 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:2529912</guid><dc:creator>PhaniRajuYN</dc:creator><slash:comments>0</slash:comments><comments>http://blogs.msdn.com/phaniraj/comments/2529912.aspx</comments><wfw:commentRss>http://blogs.msdn.com/phaniraj/commentrss.aspx?PostID=2529912</wfw:commentRss><description>&lt;p&gt;Hi ,&lt;/p&gt; &lt;p&gt;Over the past couple of months, I have been actively contributing to the Asp.net Ajax forums and have come across some very &lt;/p&gt; &lt;p&gt;&amp;nbsp;weird and challenging problems to solve.Anyone who's been at the forums can tell, the community is VERY Active and helpful when it comes to helping&lt;/p&gt; &lt;p&gt;out your fellow developer . Below is a list of some FAQs that I often encountered and was able to address on the&amp;nbsp; Forums .&lt;/p&gt; &lt;p&gt;Helping someone out with a brain-bender they are stuck on and seeing the issue resolved after some brainstorming is VERY satisfying.&lt;/p&gt; &lt;p&gt;Why am I doing this ? &lt;/p&gt; &lt;p&gt;There is a lot of content on the Forums and I wanna share what I learnt and was able to share with my fellow devs.&lt;/p&gt; &lt;p&gt;Also, I could have blogged about this but felt that its better to point you guys to the place where we learnt about this .&lt;/p&gt; &lt;p&gt;You might find some content duplicated from my Blog , as far as possible I have tried to avoid that and give you guys the unique ones that I have seen.&lt;/p&gt; &lt;ol&gt; &lt;li&gt;&lt;a title="Tough ModalPopup Extender Question ( My Favorite )" href="http://forums.asp.net/thread/1578347.aspx" target="_blank"&gt;Tough ModalPopup Extender Question ( My Favorite )&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title="Assigning Multiple Triggers to an AnimationExtender" href="http://forums.asp.net/thread/1679613.aspx" target="_blank"&gt;Assigning Multiple Triggers to an AnimationExtender&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title="Execute JavaScript on the client Side Before Showing a ModalPopup" href="http://forums.asp.net/thread/1667827.aspx"&gt;Execute JavaScript on the client Side Before Showing a ModalPopup&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://forums.asp.net/thread/1457306.aspx" target="_blank"&gt;Expand Accordion Pane WITHOUT clicking the header&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title="Animate an Element's Property in JavaScript" href="http://forums.asp.net/thread/1623283.aspx" target="_blank"&gt;Animate an Element's Property in JavaScript&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title="Using client side calculated sizes for the Resize animation" href="http://forums.asp.net/thread/1612703.aspx" target="_blank"&gt;Using client side calculated sizes for the Resize animation&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title="Prevent repeat animation (animationextender) / ConditionalAnimation" href="http://forums.asp.net/thread/1621738.aspx" target="_blank"&gt;Prevent repeat animation (animationextender) / ConditionalAnimation&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title="How do I use Animation without server-side controls? (mission impossible??)" href="http://forums.asp.net/thread/1578357.aspx" target="_blank"&gt;How do I use Animation without server-side controls? (mission impossible??)&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title="Hyperlink to a page with Accordion and opening a specific pane" href="http://forums.asp.net/thread/1601837.aspx" target="_blank"&gt;Hyperlink to a page with Accordion and opening a specific pane&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title="Change visible Accordion Pane using  JavaScript" href="http://forums.asp.net/thread/1597085.aspx" target="_blank"&gt;Change visible Accordion Pane using JavaScript&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title="Combine Animate and Modal dialog functionality" href="http://forums.asp.net/thread/1597036.aspx" target="_blank"&gt;Combine Animate and Modal dialog functionality&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a title="Create ModalPopupExtender control dynamically client side" href="http://forums.asp.net/thread/1581774.aspx" target="_blank"&gt;Create ModalPopupExtender control dynamically client side&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;As time goes by , I will be putting up another list of issues that I helped on , &lt;/p&gt; &lt;p&gt;these are the unique ( sort-of ) ones that I could find out of all the ones that I answered .&lt;/p&gt; &lt;p&gt;If you are not a part of the Forums , get yourself an account and start helping out !&lt;/p&gt; &lt;p&gt;Hope this helps someone out there !&lt;/p&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=2529912" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/phaniraj/archive/tags/AJAX/default.aspx">AJAX</category><category domain="http://blogs.msdn.com/phaniraj/archive/tags/Animation/default.aspx">Animation</category><category domain="http://blogs.msdn.com/phaniraj/archive/tags/JavaScript/default.aspx">JavaScript</category><category domain="http://blogs.msdn.com/phaniraj/archive/tags/AutoCompleteExtender/default.aspx">AutoCompleteExtender</category><category domain="http://blogs.msdn.com/phaniraj/archive/tags/ModalPopupExtender/default.aspx">ModalPopupExtender</category></item><item><title>Show and Hide ModalPopupExtender from JavaScript</title><link>http://blogs.msdn.com/phaniraj/archive/2007/02/20/show-and-hide-modalpopupextender-from-javascript.aspx</link><pubDate>Tue, 20 Feb 2007 13:42:00 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:1724614</guid><dc:creator>PhaniRajuYN</dc:creator><slash:comments>30</slash:comments><comments>http://blogs.msdn.com/phaniraj/comments/1724614.aspx</comments><wfw:commentRss>http://blogs.msdn.com/phaniraj/commentrss.aspx?PostID=1724614</wfw:commentRss><description>&lt;P&gt;1) Assign a BehaviourID to the ModalPopupExtender using the BehaviourID attribute. 
&lt;BLOCKQUOTE&gt;&lt;PRE class=csharpcode&gt;BehaviorID =&lt;SPAN class=str&gt;"ModalBehaviour"&lt;/SPAN&gt;&lt;/PRE&gt;
&lt;STYLE type=text/css&gt;.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
&lt;/STYLE&gt;

&lt;STYLE type=text/css&gt;.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
&lt;/STYLE&gt;
&lt;/BLOCKQUOTE&gt;
&lt;P&gt;2) Use the $find method to get a handle to the Modal Popup Behaviour . 
&lt;BLOCKQUOTE&gt;&lt;PRE class=csharpcode&gt;$find (&lt;SPAN class=str&gt;"ModalBehaviour"&lt;/SPAN&gt;).&lt;/PRE&gt;
&lt;STYLE type=text/css&gt;.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
&lt;/STYLE&gt;

&lt;STYLE type=text/css&gt;.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
&lt;/STYLE&gt;
&lt;/BLOCKQUOTE&gt;
&lt;P&gt;3) Call your hide and show methods on the acquired handle. 
&lt;P&gt;4) The Javascript would look like this. 
&lt;P mce_keep="true"&gt;&amp;nbsp;&lt;/P&gt;
&lt;BLOCKQUOTE&gt;&lt;PRE class=csharpcode&gt;&amp;lt;script language=&lt;SPAN class=str&gt;"javascript"&lt;/SPAN&gt;&amp;gt; 

&lt;SPAN class=kwrd&gt;function&lt;/SPAN&gt; ShowModalPopup() 
{
  $find(&lt;SPAN class=str&gt;"ModalBehaviour"&lt;/SPAN&gt;).show(); 
}

&lt;SPAN class=kwrd&gt;function&lt;/SPAN&gt; HideModalPopup() 
{
 $find(&lt;SPAN class=str&gt;"ModalBehaviour"&lt;/SPAN&gt;).hide(); 
}

&amp;lt;/script&amp;gt; 
&lt;/PRE&gt;&lt;/BLOCKQUOTE&gt;
&lt;STYLE type=text/css&gt;.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
&lt;/STYLE&gt;

&lt;SCRIPT type=text/javascript&gt;
    if (typeof window.Delicious == "undefined") window.Delicious = {};
    Delicious.BLOGBADGE_DEFAULT_CLASS = 'delicious-blogbadge-line';
&lt;/SCRIPT&gt;

&lt;SCRIPT src="http://images.del.icio.us/static/js/blogbadge.js" mce_src="http://images.del.icio.us/static/js/blogbadge.js"&gt;&lt;/SCRIPT&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=1724614" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/phaniraj/archive/tags/AJAX/default.aspx">AJAX</category><category domain="http://blogs.msdn.com/phaniraj/archive/tags/JavaScript/default.aspx">JavaScript</category><category domain="http://blogs.msdn.com/phaniraj/archive/tags/ModalPopupExtender/default.aspx">ModalPopupExtender</category></item></channel></rss>