Show and Hide ModalPopupExtender from JavaScript

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();…

31

Change ServiceMethods and Web Service for the AutoCompleteExtender From Client Side

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…

8

Implementing Image Zoom using MS Ajax Slider Control

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…

8

Customizing the MS Ajax AutoCompleteExtender To Render Images Instead Of Text

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…

2

Extending the PhotoGrid to allow Xml DataBinding using JavaScript Enumerations

If you remember one of my previous posts about the PhotoGrid Control , we talked about the control binding to JSON data . Today  , we talk about using Enumerations in Javascript to allow the PhotoGrid to bind to multiple Data Source Types. Well, lets get going then…. Constructing the Enumeration /**** Enumeration to specify…

1

Animating Multiple Controls on an Event using Microsoft Ajax AnimationExtender Controls

We can assocaite multiple controls on a single event on a control firing  by using the “AnimationTarget” attribute of the Animation class. lets take the example of a strip of thumbnails which should move upon click on the first thumbnail. See Demo here   We have four thumbnails , arranged ina  row , see screenshot…

1

Using the Prototype Model with Microsoft AJAX

Microsoft Ajax allows you to extend your javaScript Programming framework so that you can emulate OOP practices with Javascript . A SImple Example is Here The following is a list of stuff you can Use in javascript with Microsoft Ajax Extensions to javascript Classes Namespaces Inheritance Interfaces Enumerations Reflection Sounds Neat , doesnt it ?…

3

Animation Control , Adding Cool Animations in your application, Scenario 2

Assigning Animations to Client-Side Controls If you need to assign Animation Behaviour  to any Client-Side Controls using the AjaxControlToolKit’s Animation Extender Control , you gotta Explicitly create the AnimationExtender Control on the Client side using the $create function $create’s Documentation is here   Sys.UI.Component $create Method. $create(type, properties, events, references, element); Whenever, you add an Animation Extender…

6

Animation Control , Adding Cool Animations in your application, Scenario 1

See Demo here   1) Register the AjaxControlToolkit  in your page <%@ Register Assembly=”AjaxControlToolkit” Namespace=”AjaxControlToolkit” TagPrefix=”cc1″ %> 2) Add a Script Manager 1: <!– Mandatory Script Manager Control–> 2: <asp:ScriptManager ID=”ScriptManager1″ runat=”server”> 3: </asp:ScriptManager> 3) Add A Server Side Control to attach the Animation to ( We will discuss how to bind Client Side Elements…

6

Building a Simple Client Callback to YouTube with Atlas

We will talk about how we can use Atlas to talk to YouTube using the REST protocol . 1) Download Visual Web Developer , Go Here2) Download Atlas , Go Here3) Get an Application Developer ID at Youtube . Go Here  After you are done running around the world collecting tools , you should be all…

0