Phani Raj
Software Engineer at PostHog

We  will talk about how to use the MS-Ajax Animation Framework without any server-side code. The sample completely illustrates how to instantiate and use the Animation Controls by including the proper script references. 1) Include the following scripts in your HTML Page MicrosoftAjax.js  ( download from Here ) Timer.js ( downlod from Here ) BaseScripts.js Common.js Animations.js AnimationBehavior.js Actual HTML <script src="ClientScripts/MicrosoftAjax.js" type="text/javascript"></script> <script src="ClientScripts/Timer.js" type="text/javascript"></script> <script src="ClientScripts/BaseScripts.js" type="text/javascript"></script> <script src="ClientScripts/Animations.js" type="text/javascript"></script> <script src="ClientScripts/Common.js" type="text/javascript"></script> <script src="ClientScripts/AnimationBehavior.js" type="text/javascript"></script> 2) Call the "Initialize()"...

Have you ever felt that this looks ugly ? Did you ever want to customize the Image , the text, the Icons ? You would probably want to customize it to the Look and feel of your web application. We are gonna talk about how to customize the Alert Box in IE . When we are done , it will look like this . We can change the Default ALERT function with Javascript . window.alert=function( alertMessage ){ //Function Body }...

Accordion Behavior Functions get_Count/// <value type="Number" integer="true">/// Number of Accordion sections/// </summary> get_Pane( paneIndex )/// <summary>/// Get a specific pane given its index/// </summary>/// <param name="i" type="Number" integer="true">/// Index of the desired Accordion section/// </param>/// <returns type="Sys.UI.DomElement" domElement="true">/// Desired pane/// </returns> get_TransitionDuration/// <value type="Number">/// Length of time to transition between Accordion sections in milleseconds.  The default value is 250ms./// </value> get_FramesPerSecond/// <value type="Number" integer="true">/// Number of steps per second in the transition animations.  The default is 25./// </value> get_SelectedIndex/// <value...

1) Assign a BehaviourID to the ModalPopupExtender using the BehaviourID attribute. BehaviorID ="ModalBehaviour" 2) Use the $find method to get a handle to the Modal Popup Behaviour . $find ("ModalBehaviour"). 3) Call your hide and show methods on the acquired handle. 4) The Javascript would look like this.   <script language="javascript"> function ShowModalPopup() { $find("ModalBehaviour").show(); } function HideModalPopup() { $find("ModalBehaviour").hide(); } </script>

This is quite a common requirement and guess the Docs are not really clear as to how you can achieve this . Lemme see how I can help You want to  change the Webmethod that the AutoComplete Extender Talks to from the Client Side. You want to  change the WebService that the AutoComplete Extender Talks to from the Client Side. You can achieve this easily using the Functions Provided by the Extenders on the Client Side. Follow these Simple Steps....

The MS Ajax Control Toolkit provides a lot of cool controls that we can use to implement nifty effects in our applications. One of the controls we are gonna play with today is the Ajax Slider Control. The Slider Control Provides a way for the user to measure arbitrary values and set them using a cool Slider. The Slider control provides the value of the current Slide and lets you do stuff with it . Some of the  *stuff* we...

We all know about the AutoComplete Extender from MS AJAX. It looks like this .....   I want to customize the Auto Complete behaviour to render images on the client side rather than the text nodes . My Server Side WebService returns an array of image URLs. I want to change the way the Results are rendered. This is how I want it to look. I know that its pretty easy to achieve the effect using the client side proxy...