hello all
i am using two ajax animation extender (one for open and one for close)in my web application (asp, C#) to show message box as hint for the guest, it is working properly when i show the message and when i close it without scrolling the page, but the problem happen when i show the message and if i scrolling the page to up or down the message follow me (to up or down) then after the message follow me to up and when i close it, if i open the message again it generates from up (in the same position when i close it in the up) but i want always message open beside the target button even if i scrolling up and down, so how i can solve this?
this is my ajax code:
<ajaxToolkit:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="lnkShow"> <Animations> <OnClick> <Sequence> <EnableAction Enabled="false"></EnableAction> <StyleAction AnimationTarget="pnlInfo1" Attribute="display" Value="block"/> <Parallel AnimationTarget="pnlInfo1" Duration=".2" Fps="25"> <Move Horizontal='10' Vertical='10' /> <Resize Height="80%" Width="150%" /> <FadeIn /> </Parallel> <Parallel AnimationTarget="pnlInfo1" Duration=".5"> <Color PropertyKey="color" StartValue="#666666" EndValue="#FF0000"/> <Color PropertyKey="borderColor" StartValue="#666666" EndValue="#FF0000" /> </Parallel> <EnableAction AnimationTarget="lnkClose" Enabled="true" /> </Sequence> </OnClick> </Animations> </ajaxToolkit:AnimationExtender> <ajaxToolkit:AnimationExtender ID="AnimationExtender2" runat="server" TargetControlID="lnkClose"> <Animations> <OnClick> <Sequence AnimationTarget="pnlInfo1"> <EnableAction AnimationTarget="lnkClose" Enabled="false" /> <Parallel AnimationTarget="pnlInfo1" Duration=".3" Fps="25"> <Move Horizontal="-10" Vertical="-10" /> <Scale ScaleFactor="0.05" FontUnit="px" /> <FadeOut /> </Parallel> <EnableAction AnimationTarget="lnkShow" Enabled="true" /> </Sequence> </OnClick> </Animations> </ajaxToolkit:AnimationExtender>
thank you