<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Using jQuery to enhance ASP.NET AJAX progress indication</title>
	<atom:link href="http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/feed/" rel="self" type="application/rss+xml" />
	<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/</link>
	<description>ASP.NET and AJAX code, ideas, and examples.</description>
	<lastBuildDate>Thu, 02 Feb 2012 19:50:46 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
	<item>
		<title>By: Dave Ward</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-46731</link>
		<dc:creator>Dave Ward</dc:creator>
		<pubDate>Fri, 21 Oct 2011 21:53:25 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-46731</guid>
		<description>&lt;code&gt;$get&lt;/code&gt; doesn&#039;t support a full range of selectors. it&#039;s basically just a &lt;code&gt;document.getElementById&lt;/code&gt; shortcut. Use jQuery&#039;s selector engine instead:

&lt;pre lang=&quot;javascript&quot;&gt;$(&#039;#UpdatePanel1 input&#039;).click(function() {
...
});&lt;/pre&gt;</description>
		<content:encoded><![CDATA[<p><code>$get</code> doesn&#8217;t support a full range of selectors. it&#8217;s basically just a <code>document.getElementById</code> shortcut. Use jQuery&#8217;s selector engine instead:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#UpdatePanel1 input'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
...
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

]]></content:encoded>
	</item>
	<item>
		<title>By: mosy</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-46729</link>
		<dc:creator>mosy</dc:creator>
		<pubDate>Fri, 21 Oct 2011 21:49:42 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-46729</guid>
		<description>What if want for every button in updatepanel ? at this case $get(&#039;#UpdatePanel1 input&#039;) selector doesn&#039;t work . 

&lt;pre lang=&quot;javascript&quot;&gt;  $addHandler($get(&#039;#UpdatePanel1 input&#039;), &#039;click&#039;, function () {
  ...
  });&lt;/pre&gt;

I appreciate any help</description>
		<content:encoded><![CDATA[<p>What if want for every button in updatepanel ? at this case $get(&#8216;#UpdatePanel1 input&#8217;) selector doesn&#8217;t work .</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">  $addHandler<span style="color: #009900;">&#40;</span>$get<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#UpdatePanel1 input'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  ...
  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>I appreciate any help</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: retv</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-45152</link>
		<dc:creator>retv</dc:creator>
		<pubDate>Mon, 29 Aug 2011 02:32:33 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-45152</guid>
		<description>Friend some example based on a master page and translated it does not work any ideas</description>
		<content:encoded><![CDATA[<p>Friend some example based on a master page and translated it does not work any ideas</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: retv</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-45144</link>
		<dc:creator>retv</dc:creator>
		<pubDate>Sun, 28 Aug 2011 18:57:03 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-45144</guid>
		<description>regards
I have tried to emulate this example by changing the calendar month of an object and I worked here as I am using

in webform

&lt;pre lang=&quot;x&quot;&gt;
&lt;div id=&quot;EntryForm&quot;&gt;
 &lt;asp:Calendar ID=&quot;Calendar1&quot; runat=&quot;server&quot; 
                    BackColor=&quot;White&quot; 
                    
                    Width=&quot;100%&quot; 
                    ForeColor=&quot;Black&quot; 
                    Height=&quot;400px&quot; 
                    Font-Size=&quot;X-Small&quot; 
                    Font-Names=&quot;Verdana&quot;
                    BorderColor=&quot;White&quot; 
                    Font-Bold=&quot;True&quot; 
                    ShowNextPrevMonth=&quot;False&quot;&gt;
                    &lt;TodayDayStyle BackColor=&quot;#CCCCCC&quot; Font-Size=&quot;X-Small&quot;&gt;&lt;/TodayDayStyle&gt;
                    &lt;DayHeaderStyle Font-Size=&quot;X-Small&quot; Font-Bold=&quot;True&quot;&gt;&lt;/DayHeaderStyle&gt;
                    &lt;SelectedDayStyle ForeColor=&quot;White&quot; BackColor=&quot;#333399&quot;&gt;&lt;/SelectedDayStyle&gt;
             &lt;/asp:Calendar&gt;
      &lt;/div&gt;
&lt;asp:LinkButton ID=&quot;LinkButton1&quot; runat=&quot;server&quot; onclick=&quot;LinkButton1_Click&quot;&gt;LinkButton&lt;/asp:LinkButton&gt;
  &lt;asp:UpdatePanel runat=&quot;server&quot; ID=&quot;up1&quot;&gt;
    &lt;Triggers&gt;
      &lt;asp:AsyncPostBackTrigger ControlID=&quot;Save&quot; /&gt;
    &lt;/Triggers&gt;
    &lt;ContentTemplate&gt;
      &lt;asp:Panel runat=&quot;server&quot; ID=&quot;ConfirmSave&quot; Visible=&quot;false&quot;&gt;
        &lt;h3&gt;&lt;asp:Literal runat=&quot;server&quot; ID=&quot;CustomerName&quot; /&gt; added.&lt;/h3&gt;
      &lt;/asp:Panel&gt;
    &lt;/ContentTemplate&gt;
  &lt;/asp:UpdatePanel&gt;

&lt;/pre&gt;

in code c#

&lt;pre lang=&quot;x&quot;&gt;
this.Calendar1.VisibleDate = new DateTime(DateTime.Now.Year, VarMonth, 1, 0, 0, 1);
&lt;/pre&gt;

Greetings and thanks</description>
		<content:encoded><![CDATA[<p>regards<br />
I have tried to emulate this example by changing the calendar month of an object and I worked here as I am using</p>
<p>in webform</p>

<div class="wp_syntax"><div class="code"><pre class="x" style="font-family:monospace;">&lt;div id=&quot;EntryForm&quot;&gt;
 &lt;asp:Calendar ID=&quot;Calendar1&quot; runat=&quot;server&quot; 
                    BackColor=&quot;White&quot; 
&nbsp;
                    Width=&quot;100%&quot; 
                    ForeColor=&quot;Black&quot; 
                    Height=&quot;400px&quot; 
                    Font-Size=&quot;X-Small&quot; 
                    Font-Names=&quot;Verdana&quot;
                    BorderColor=&quot;White&quot; 
                    Font-Bold=&quot;True&quot; 
                    ShowNextPrevMonth=&quot;False&quot;&gt;
                    &lt;TodayDayStyle BackColor=&quot;#CCCCCC&quot; Font-Size=&quot;X-Small&quot;&gt;&lt;/TodayDayStyle&gt;
                    &lt;DayHeaderStyle Font-Size=&quot;X-Small&quot; Font-Bold=&quot;True&quot;&gt;&lt;/DayHeaderStyle&gt;
                    &lt;SelectedDayStyle ForeColor=&quot;White&quot; BackColor=&quot;#333399&quot;&gt;&lt;/SelectedDayStyle&gt;
             &lt;/asp:Calendar&gt;
      &lt;/div&gt;
&lt;asp:LinkButton ID=&quot;LinkButton1&quot; runat=&quot;server&quot; onclick=&quot;LinkButton1_Click&quot;&gt;LinkButton&lt;/asp:LinkButton&gt;
  &lt;asp:UpdatePanel runat=&quot;server&quot; ID=&quot;up1&quot;&gt;
    &lt;Triggers&gt;
      &lt;asp:AsyncPostBackTrigger ControlID=&quot;Save&quot; /&gt;
    &lt;/Triggers&gt;
    &lt;ContentTemplate&gt;
      &lt;asp:Panel runat=&quot;server&quot; ID=&quot;ConfirmSave&quot; Visible=&quot;false&quot;&gt;
        &lt;h3&gt;&lt;asp:Literal runat=&quot;server&quot; ID=&quot;CustomerName&quot; /&gt; added.&lt;/h3&gt;
      &lt;/asp:Panel&gt;
    &lt;/ContentTemplate&gt;
  &lt;/asp:UpdatePanel&gt;</pre></div></div>

<p>in code c#</p>

<div class="wp_syntax"><div class="code"><pre class="x" style="font-family:monospace;">this.Calendar1.VisibleDate = new DateTime(DateTime.Now.Year, VarMonth, 1, 0, 0, 1);</pre></div></div>

<p>Greetings and thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ajax waiting page &#124; 当我不能够再拥有,唯一可以做的,就是</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-42642</link>
		<dc:creator>Ajax waiting page &#124; 当我不能够再拥有,唯一可以做的,就是</dc:creator>
		<pubDate>Thu, 24 Mar 2011 19:04:23 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-42642</guid>
		<description>[...] http://encosia.com/2008/10/04/using-jquery-to-enhance-aspnet-ajax-progress-indication/   This entry was posted in AJAX, ASP.Net, JQuery. Bookmark the permalink.    &#8592; Write log event in&#160;DNN   LikeBe the first to like this post. [...]</description>
		<content:encoded><![CDATA[<p>[...] <a href="http://encosia.com/2008/10/04/using-jquery-to-enhance-aspnet-ajax-progress-indication/" rel="nofollow">http://encosia.com/2008/10/04/using-jquery-to-enhance-aspnet-ajax-progress-indication/</a>   This entry was posted in AJAX, ASP.Net, JQuery. Bookmark the permalink.    &larr; Write log event in&nbsp;DNN   LikeBe the first to like this post. [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dave Ward</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-41612</link>
		<dc:creator>Dave Ward</dc:creator>
		<pubDate>Mon, 27 Dec 2010 23:37:15 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-41612</guid>
		<description>Give this a try: http://encosia.com/2008/02/05/boost-aspnet-performance-with-deferred-content-loading/</description>
		<content:encoded><![CDATA[<p>Give this a try: <a href="http://encosia.com/2008/02/05/boost-aspnet-performance-with-deferred-content-loading/" rel="nofollow">http://encosia.com/2008/02/05/boost-aspnet-performance-with-deferred-content-loading/</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Hardik Desai</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-41610</link>
		<dc:creator>Hardik Desai</dc:creator>
		<pubDate>Mon, 27 Dec 2010 23:03:25 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-41610</guid>
		<description>@Dave Ward  .. very good work.. can you help me to show progressbar before page load in asp.net 
i.e i am loading listview on page with lot of data .. so  i want to show 2-3 progressbar on page .. so one by one listview can be load ... please reply me by mail

Thanks,
Hardik J. Desai</description>
		<content:encoded><![CDATA[<p>@Dave Ward  .. very good work.. can you help me to show progressbar before page load in asp.net<br />
i.e i am loading listview on page with lot of data .. so  i want to show 2-3 progressbar on page .. so one by one listview can be load &#8230; please reply me by mail</p>
<p>Thanks,<br />
Hardik J. Desai</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dave Ward</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-40357</link>
		<dc:creator>Dave Ward</dc:creator>
		<pubDate>Tue, 16 Nov 2010 03:00:06 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-40357</guid>
		<description>My guess is that the mix of CSS of your page isn&#039;t allowing the div.blockMessage element to have a height when it&#039;s empty.  An uncleared float, maybe?  But, when there&#039;s text content in the element, that forces it to have height enough to display that text, which is enough for the background image to display as well.</description>
		<content:encoded><![CDATA[<p>My guess is that the mix of CSS of your page isn&#8217;t allowing the div.blockMessage element to have a height when it&#8217;s empty.  An uncleared float, maybe?  But, when there&#8217;s text content in the element, that forces it to have height enough to display that text, which is enough for the background image to display as well.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Alex A</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-40356</link>
		<dc:creator>Alex A</dc:creator>
		<pubDate>Mon, 15 Nov 2010 22:29:00 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-40356</guid>
		<description>Dave,

To expand on my issue with the image not displaying, I have everything working but with a particulier issue with the image.

When I use 
&lt;pre lang=&quot;x&quot;&gt;$(&#039;#LoadForm).block({ message: null });&lt;/pre&gt;
The image doesn&#039;t display, but if I change the null to let&#039;s say &#039;Processing...&#039; the image displays.

&lt;pre lang=&quot;x&quot;&gt;$(&#039;#LoadForm).block({ message: &#039;Processing...&#039; });&lt;/pre&gt;

Any idea?

It&#039;s working so it&#039;s not a biggie but it would be nice to know.</description>
		<content:encoded><![CDATA[<p>Dave,</p>
<p>To expand on my issue with the image not displaying, I have everything working but with a particulier issue with the image.</p>
<p>When I use</p>

<div class="wp_syntax"><div class="code"><pre class="x" style="font-family:monospace;">$('#LoadForm).block({ message: null });</pre></div></div>

<p>The image doesn&#8217;t display, but if I change the null to let&#8217;s say &#8216;Processing&#8230;&#8217; the image displays.</p>

<div class="wp_syntax"><div class="code"><pre class="x" style="font-family:monospace;">$('#LoadForm).block({ message: 'Processing...' });</pre></div></div>

<p>Any idea?</p>
<p>It&#8217;s working so it&#8217;s not a biggie but it would be nice to know.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dave Ward</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-40355</link>
		<dc:creator>Dave Ward</dc:creator>
		<pubDate>Mon, 15 Nov 2010 20:59:12 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-40355</guid>
		<description>It should work with any type of element.  Give your table an ID and then target that ID when you make the .block() call:

&lt;pre lang=&quot;javascript&quot;&gt;$(&#039;#YourTableID&#039;).block({ message: null });&lt;/pre&gt;</description>
		<content:encoded><![CDATA[<p>It should work with any type of element.  Give your table an ID and then target that ID when you make the .block() call:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#YourTableID'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">block</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span> message<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">null</span> <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

]]></content:encoded>
	</item>
	<item>
		<title>By: Adriana</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-40352</link>
		<dc:creator>Adriana</dc:creator>
		<pubDate>Mon, 15 Nov 2010 12:08:44 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-40352</guid>
		<description>I want to do with tables ... how would you do?</description>
		<content:encoded><![CDATA[<p>I want to do with tables &#8230; how would you do?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Alex A</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-40177</link>
		<dc:creator>Alex A</dc:creator>
		<pubDate>Tue, 26 Oct 2010 15:57:08 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-40177</guid>
		<description>Dave,

Thanks for the reply.

The jAlert plug in is for the pop-up at the end of &quot;processing&quot; to alert the user that the task is completed and is not part of the integration of the BlockUI example here.

My issue atm is that for whatever reason when I use the example of the BlockUI everything works great except that the image is not displaying, but when I run your example locally the image works.

I will track it down and let you know what exactly is interferring.

Thanks again</description>
		<content:encoded><![CDATA[<p>Dave,</p>
<p>Thanks for the reply.</p>
<p>The jAlert plug in is for the pop-up at the end of &#8220;processing&#8221; to alert the user that the task is completed and is not part of the integration of the BlockUI example here.</p>
<p>My issue atm is that for whatever reason when I use the example of the BlockUI everything works great except that the image is not displaying, but when I run your example locally the image works.</p>
<p>I will track it down and let you know what exactly is interferring.</p>
<p>Thanks again</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dave Ward</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-40165</link>
		<dc:creator>Dave Ward</dc:creator>
		<pubDate>Mon, 25 Oct 2010 12:50:04 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-40165</guid>
		<description>I&#039;m not familiar with that plugin, but it looks like you could do something similar by styling its .msg-box-cont container class with a background image.</description>
		<content:encoded><![CDATA[<p>I&#8217;m not familiar with that plugin, but it looks like you could do something similar by styling its .msg-box-cont container class with a background image.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Alex A</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-40152</link>
		<dc:creator>Alex A</dc:creator>
		<pubDate>Fri, 22 Oct 2010 22:46:04 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-40152</guid>
		<description>Great article, love it replaces my own javascript implementation of this that I did a few years ago that has become bloated and unfriendly.

I do have a minor issue that I&#039;m unable to track down.

What I&#039;ve done is implemented your example but removed the panel where you display the save message and replaced it with a popup using jAlert.

Everything works great except that I can&#039;t get the image (progress indicator) to appear, if I put text as the progress it will display but not the image. We are using cookiless so I thought maybe the session information was inteferring so I tried pulling the image from one of our public facing websites put still no go.

What could possibly be preventin the progress indicator image to just not display.

Thanks</description>
		<content:encoded><![CDATA[<p>Great article, love it replaces my own javascript implementation of this that I did a few years ago that has become bloated and unfriendly.</p>
<p>I do have a minor issue that I&#8217;m unable to track down.</p>
<p>What I&#8217;ve done is implemented your example but removed the panel where you display the save message and replaced it with a popup using jAlert.</p>
<p>Everything works great except that I can&#8217;t get the image (progress indicator) to appear, if I put text as the progress it will display but not the image. We are using cookiless so I thought maybe the session information was inteferring so I tried pulling the image from one of our public facing websites put still no go.</p>
<p>What could possibly be preventin the progress indicator image to just not display.</p>
<p>Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: NightOwl888</title>
		<link>http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/#comment-40089</link>
		<dc:creator>NightOwl888</dc:creator>
		<pubDate>Wed, 13 Oct 2010 07:23:49 +0000</pubDate>
		<guid isPermaLink="false">http://encosia.com/?p=694#comment-40089</guid>
		<description>Tip: To use this method with ASP.NET validation controls, you have to check the Page_ClientValidate function before running the .blockUI, like this...

  // Add the BlockUI call as an onclick handler
  //  of the Save button.
  $addHandler($get(&#039;Save&#039;), &#039;click&#039;, function() {
    if (Page_ClientValidate()) {
        $(&#039;#EntryForm&#039;).block({ message: &quot; &quot; });
    }
  });

If you are using validation groups, simply add the group as a parameter: Page_ClientValidate(&#039;Group1&#039;)</description>
		<content:encoded><![CDATA[<p>Tip: To use this method with ASP.NET validation controls, you have to check the Page_ClientValidate function before running the .blockUI, like this&#8230;</p>
<p>  // Add the BlockUI call as an onclick handler<br />
  //  of the Save button.<br />
  $addHandler($get(&#8216;Save&#8217;), &#8216;click&#8217;, function() {<br />
    if (Page_ClientValidate()) {<br />
        $(&#8216;#EntryForm&#8217;).block({ message: &#8221; &#8221; });<br />
    }<br />
  });</p>
<p>If you are using validation groups, simply add the group as a parameter: Page_ClientValidate(&#8216;Group1&#8242;)</p>
]]></content:encoded>
	</item>
</channel>
</rss>

