shepherdweb.com » ASP.NET AJAX http://shepherdweb.com Shane Shepherd: web design and development; music Wed, 11 Nov 2009 01:46:13 +0000 en hourly 1 http://wordpress.org/?v=3.2 ASP.NET AJAX Control Toolkit AnimationExtender Using a Condition http://shepherdweb.com/2006/12/12/aspnet-ajax-animationextender-using-a-condition/ http://shepherdweb.com/2006/12/12/aspnet-ajax-animationextender-using-a-condition/#comments Wed, 13 Dec 2006 01:03:00 +0000 Shane http://www.shepherdweb.com/2006/12/12/aspnet-ajax-animationextender-using-a-condition/ The ASP.NET AJAX Control Toolkit includes a control called the AnimationExtender which provides a framework for adding animation effects to web pages. One ability of the AnimationExtender is to execute code based on a condition using the Condition Animation rules. Condition Animation will “play” specific child animations based on the boolean result of the conditionScript.

What it does…

If a checkbox is checked then the backgroundColor of the parentNode is changed to add emphasis to the checked items. The conditionScript is true causing the first child animation to play.
Animation Extender Demo - after

When a checkbox is unchecked, the backgroundColor is reset. The conditionScript returns false causing the second child animation to play.

Animation Extender Demo - before

Code Snippet…


<asp:CheckBox ID="chk1" runat="server" Text="Puppy" />
<cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="chk1">
<Animations>
<OnClick>
<Condition ConditionScript="document.getElementById('chk1').checked;">
<ScriptAction Script="document.getElementById('chk1').parentNode.style.backgroundColor = '#ADDA59';" />
<ScriptAction Script="document.getElementById('chk1').parentNode.style.backgroundColor = '#FFFFFF';" />
</Condition>
</OnClick>
</Animations>
</cc1:AnimationExtender>

kick it on DotNetKicks.com

Technorati Tags: , , , ,

]]> http://shepherdweb.com/2006/12/12/aspnet-ajax-animationextender-using-a-condition/feed/ 2 Adding an OnClick Event to a RadioButtonList ListItem http://shepherdweb.com/2006/11/22/adding-an-onclick-event-to-a-radiobuttonlist-listitem/ http://shepherdweb.com/2006/11/22/adding-an-onclick-event-to-a-radiobuttonlist-listitem/#comments Wed, 22 Nov 2006 22:28:40 +0000 Shane http://www.shepherdweb.com/2006/11/22/adding-an-onclick-event-to-a-radiobuttonlist-listitem/ The ASP.NET RadioButtonList does not provide a declarative way to attach the onclick attribute to a ListItem. However, it can be done using the OnDataBound event handler. This is useful in a scenario where you have a TextBox that you would like to populate with the user’s RadioButtonList SelectedValue. In this example, I’m using the ASP.NET AJAX ModalPopupExtender which contains the RadioButtonList.

.aspx

I’m populating RadioButtonList with a list of currently visible pages in the CMS application this code resides in. The ModalPopup is triggered by a LinkButton (lnkBrowseUrls).


<asp:Panel ID="pnlUrlFinder" runat="server" CssClass="popupBox">
<div>
<asp:SqlDataSource
ID="sqlPages"
runat="server"
ConnectionString="<%$ ConnectionStrings:MyConnection %>"
ProviderName="System.Data.SqlClient"
SelectCommand="SELECT * FROM pages WHERE page_visible=1">
</asp:SqlDataSource>
<asp:RadioButtonList
runat="server"
ID="radioUrls"
DataSourceID="sqlPages"
DataTextField="page_title"
DataValueField="page_id"
OnDataBound="radioUrls_OnDataBound">
</asp:RadioButtonList>
</div>
<asp:LinkButton ID="lnkCloseUrlFinder" runat="server" Text="Close" />
</asp:Panel>


<cc1:ModalPopupExtender
ID="ModalPopupExtender1"
runat="server"
TargetControlID="lnkBrowseUrls"
PopupControlID="pnlUrlFinder"
OkControlID="radioUrls"
CancelControlID="lnkCloseUrlFinder">
</cc1:ModalPopupExtender>

.aspx.cs

The OnDataBound event handler creates the onclick event on each ListItem which populates a TextBox with the path to the given page. (I’m using Ionic’s ISAPI Rewrite Filter to rewrite url’s so they are “Search Engine Friendly”.)

protected void radioUrls_OnDataBound(object sender, EventArgs e)
{
RadioButtonList rbl = (RadioButtonList)sender;
foreach (ListItem li in rbl.Items)
{
string s = "document.getElementById('" + txtUrl.ClientID + "').value = '" + Request.ApplicationPath + "/page/view/" + li.Value + "/'";
li.Attributes.Add("onclick", s);
}
}

kick it on DotNetKicks.com

Technorati Tags: , , , , ,

]]> http://shepherdweb.com/2006/11/22/adding-an-onclick-event-to-a-radiobuttonlist-listitem/feed/ 5 Safari and Firefox Support Improved in ASP.NET AJAX Beta2 http://shepherdweb.com/2006/11/09/safari-and-firefox-support-improved-in-aspnet-ajax-beta2/ http://shepherdweb.com/2006/11/09/safari-and-firefox-support-improved-in-aspnet-ajax-beta2/#comments Thu, 09 Nov 2006 14:37:40 +0000 Shane http://www.shepherdweb.com/2006/11/09/safari-and-firefox-support-improved-in-aspnet-ajax-beta2/ Beta2 release of ASP.NET AJAX (formerly known as “Atlas”) was released on Monday. Scott Guthrie has an overview of the highlights of this release. Notable among them is added support for drag and drop ASP.NET 2.0 web parts in Safari and Firefox. David Barkol explains how to add this support to existing ASP.NET AJAX applications. Also, the updateProgress control is now fully supported and included in the core download and enablePartialRendering has been upgraded to gracefully auto-degrade for AJAX incapable browsers.

kick it on DotNetKicks.com

Technorati Tags: , , , , ,

]]> http://shepherdweb.com/2006/11/09/safari-and-firefox-support-improved-in-aspnet-ajax-beta2/feed/ 1