How to make one AnimationExtender which apply on more than one control based on your selection in run time?
There are many solutions available online, some are very complicated and some are not useful.
For example if you want to make something like the messages which appear when you click on password, postal code,... text controls in this yahoo registration page:
Sure this is not the only way to do the same as in this page, but this is how to do the same using AnimationExtender Ajax ToolKit control.
And Now how to make it:
We want to show an animated different message when we click on different TextBoxs.
1- Don't forget to add the Script Manger before using the AnimationExtender Control2- Then Create the AnimationExtender control and assign any default TargetControlID property because it will not work if its empty.
3- Then create the controls you will work on as you can see in the complete page code below.
4- Now the problem that the TargetControlID property can't be dynamic, so what we can do to apply the same Extender to more than one control:
Then assign this hidden control value to the AnimationTargetScript:
Then we want to make the function which will start the animation when clicking on a textbox control: This is the complete page sample: Now everything is done, you can try and manipulate as you want, you will find it simple.